margin between content and div overflow scrollbar

Question

I am using the following bits of code to keep my menu items fixed while allowing for the scrolling of content because it seems to be the most stable method across all browsers.

body { overflow: hidden; }

div.content { height: 100%; overflow: auto; }

My problem is simple, and yet I can not seem to figure it out, the content inside the tag butts up against the scrollbar for the div area and it makes reading much more difficult. How can I get a margin between them (apart from floating a transparent image to the right to create space, there HAS to be a better way)?

Answer 1

div.content { height: 100%; overflow: auto; margin:0 15px }

I might have misunderstood you though, post some HTML if I have.

Answer 2

I feel silly to ask, but have you tried padding on div.content?