Scrolling DIV spacing

[Chris_J_W]

Hi,
I've just got a scrolling div set up in a page I"m working on, and am wondering if there's a way (without using another nested div) to add some spacing between the text and the scrollbar? The relevant code is as follows...or a better way to do this...I can't really change the padding etc on the TD without screwing up the layout of the site (it's a bit ugly)

HTML:
<TD class="content">
<div class="content"><div style="margin-right: 10px;">
A Whole heap of text that will need scrolling when there's too much here.
</DIV></DIV>
</TD>

CSS:
TD.content {
width: 360px;
height: 425px;
background-color: #E0E0DE;
padding: 10px;
vertical-align: top;
text-align: justify;
}

DIV.content {
height: 425px;
overflow: auto;
text-align: justify;
}



Thanks for any help! :)

[ray326]

Have you tried padding the right side?

[Chris_J_W]

Yeah I have tried that - it just puts more padding on the right of the scrollbar, not on the left of it between the text and the scrollbar...

[mikepurvis]

Meh, I'd just wrap it in another div.

If you're too snobby for that, pad the right side of the paragraph tags inside.