How can I make the horizontal scrollbar for a DIV always appear fixed on the bottom of the page?

Question

I have a website which contains a large (and wide) table. The table is placed inside jquery UI tabs.

It looks something like this: http://jsfiddle.net/Tq3Rg/

Answer 1

Just set some fixed height to your middle div like