DIV Horizontal Scrollbar Cropping Problem

[JavaManiac]

I hope someone can help me here, because I'm a little lost for a solution to this problem. I have a table, that I want to place in a horizontally scrollable div (i.e. it'll extend to the right of the viewable area). I've achieved this using;-

<div id="scrollable pane" style="overflow-x: auto;">

Here's my table

</div>

The problem with this is that when the horizontal scrollbar appears, it's vertical height cuts into the table being displayed. Because of this, the last row in the table isn't viewable, and the user has to select and drag the text in order to be able to view it.

This is obviously a long way from ideal.

Does anyone know how this problem can be resolved? Many thanks in advance.

[Cytael]

make the table smaller? :)

[JavaManiac]

Unfortunately the problem exists regardless of the size of the table.

It's a fudge, but what I've done is to just put a break under the table. The blank space is still there, but at least the content is viewable.