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.