DIV Overflow Scrollbar On Top of Content?

Question

I have a div with the content set for overflow:auto and set height of 300px. There's a table within that div so, when the table has more content than the DIV is high, the content scrolls.

The problem I'm having is that the scrollbar is sitting on top of my image that I've got on the right of the table.

Is there a way to push the scrollbar beyond the content?

Answer 1

If I'm getting your problem right, I'd apply a 'padding-right' to the surrounding div-container to get the table away from the edge where the scrollbar will be shown.