CSS Overflow, the scroll bar appears at the bottom, how can I get a scroll bar at the top?

I have a box wider then it's parent, so I set:

Overflow: auto; 

Now开发者_JAVA百科 the box is really tall, something like 2000 pixels, way off screen. The box has a fixed width of 1100px with the child box now a lot bigger. The scroll bar to scroll right or left is at the bottom. How can I get a scroll bar at the top? I'm open to CSS or jQuery.

Browsers always put the scrollbars bottom and right. The only ways round this are to use a non-native scrollbar implementation - such as flash or a custom js that mimics a scrollbar.

As a rule of thumb, established user interface patterns such as this should be left alone - people know that scrollbars are at the bottom and the right.

Using jScrollPane you can add a custom scroll in any position you wish