CSS Change Scrollbar Directions

[smartic]

Hi i need to change scrollbar direction from right to left how can i do that i tried every thing i know, and i found only experts will answer this question, so here is my code :

<style type="text/css">
.parent{
    height:300px;
    width:200px;
    background-color:red;
    overflow:auto;
    direction:rtl;
}
.child{
    height:1000px;
    width:100%;
    direction:rtl;
}
</style>
<div class="parent">
    <div class="child"></div>
</div>

[smartic]

it work's in all browsers the only problem with FF3.