Div overflow scrollbar on top of the content?

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

开发者_StackOverflow中文版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?

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.