I use livejournal and I want to make the scrollbar be on the left side without changing the actual content. I've consulted other threads, but I can't find a way to do this in a CSS div. Here's my code:

<!--
div {
clip: auto;
position: absolute;
overflow: auto;
right: 445px;
top: 0px;
bottom: value;
width: 350px;
height: 100%;
border: 0;
background: transparent;
scrollbar-3dLight-Color: #FFFFFF;
scrollbar-Arrow-Color: #FFFFFF;
scrollbar-DarkShadow-Color: #99cc99;
scrollbar-Face-Color: #99cc99;
scrollbar-Highlight-Color: #99cc99;
scrollbar-Shadow-Color: #99cc99;
scrollbar-Track-Color: #99cc99;
filter: chroma(color=#99cc99);
}
td div{
position: relative;
left: 1;top: 1;
height: auto;
width: auto;
overflow: hidden;
border: 0;
overflow-x: hidden;
}
table{width: 95%; padding: 0; margin: 0;}
table table{width: 100%; margin: 0}
table table table{width: auto}
div td{direction: ltr;}
-->

<!--
/* change these numbers, must add up to 95% or less*/
table {
width: 95.0%;
margin-left: 0.0%;
margin-right: 0.0%;
}

/* do NOT change these numbers */
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
-->

<!--
table, tr, td, .shadowed {
background: transparent;
}
-->

Add direction: rtl; to the div section you want reversed

but when I do that, the content also reverses and I need to keep the content the same...

That's one of the downsides... you can fix it if you can add another div inside the main one (I don't know if you'll be able to do that with lj or not) and just put the direction back to normal.