RHide scrollbar in firefox

poc.html

<div id="wrapper">
    <div id="scroller">
        <div id="content">
            foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>
            foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>
            foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>      
        </div> 
    </div>
</div>​


<--!
/* http://jsfiddle.net/2wWph/ */

#wrapper {
    width: 150px;
    overflow: hidden;
    outline: 1px solid blue;
}

#scroller {
    width: 270px;
    height: 100px;
    overflow: auto;
    position: fixed;
}

#content {
    width: 146px;
    border-left: 2px solid red;
    border-right: 2px solid red;
    background: yellow;
}
​
-->