margin between content and div overflow scrollbar

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)?

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

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