I am using a custom scroll which works fine in chrome...but it does not work in Firefox or IE9.
This is the CSS:
::-webkit-scrollbar {
width: 7px
That is a proprietary webkit property. There is no equivalent for FF or IE.
You can, however, do what you're looking for with jQuery.
http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html
Edit: Uhhh.. there literally is no Firefox equivalent and the person asking the question literally must either use a javascript solution, or no solution at all. Downvotes won't change that.