CSS layout issue

[purple_ivy]

Hello
I'm making a CSS layout and I'm just having trouble with one thing. Bare with me as I TRY to explain this.

I'm using a background image and building my site over it, because the image looks like this. On the right of the image is where I'm using a div to put my contents, below the three girls is where my links are.

Anyway, the content div is too long and no matter WHAT I do - change percentages etc, it doesn't even MOVE, not a bit. No change whatsoever.

Here's my CSS:

A:link
{ text-decoration: none; font-weight: bold; color:#7B7B73; }
A:visited
{ text-decoration: none; font-weight: bold; color:#7B7B73; }
A:active
{ text-decoration: none; font-weight: bold; color:#7B7B73; }
A:hover
{ text-decoration: line-through; color:#7B7B73;}


body 
{ background: #C6BDB5; 
background-image: url(/bg.gif);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
font-family: verdana, tahoma, san serif;
color: #000000; 
font-size: 11px; 

scrollbar-face-color : #000000; 
scrollbar-highlight-color : #000000; 
scrollbar-3dlight-color : #000000; 
scrollbar-shadow-color : #000000; 
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #C6BDB5; 
scrollbar-arrow-color : #B5ADA5;  
}

td.nav
{ background: transparent;
font-family: verdana, tahoma, san serif;
color: #000000;
font-size: 11px;
}

#nav
{ position:absolute;
background: transparent;
font-family: verdana, tahoma, san serif;
color: #000000;
font-size: 11px;
border: solid #ccff99 0px;
left:15%;
top:450px;
width:280px;
height:100px;
padding:5px;
}

#content
{ position:absolute;
background: transparent;
font-family: verdana, tahoma, san serif;
font-size: 11px;
color: #000000;
margin-left: 60%;
top:10%;
padding: 3px;
height:450px;
width:280px;
overflow:auto; FILTER: chroma(color=#000000) class="divscroll";
border: solid #ccff99 0px;
}

.divscroll 
{ scrollbar-face-color: #000000; 
scrollbar-highlight-color :#000000; 
scrollbar-3dlight-color : #000000; 
scrollbar-shadow-color : #000000; 
scrollbar-darkshadow-color : #000000; 
scrollbar-track-color : #C6BDB5; 
scrollbar-arrow-color : #B5ADA5; }


input, textarea
{ background: #C6BDB5;
font-family: verdana, tahoma, san serif;
color: #B5ADA5;
font-size: 9px; 
border: solid #7B7B73 2px; }

option, select
{ background: #FFFFFF;
font-family:verdana, tahoma, san serif;
color:#B5ADA5;
font-size:9px;
border:solid #7B7B73 2px;}

Can anyone see anything wrong with it??
Please help, I'm going to pull my hair out soon!

[stargrl329]

Part of this line seems weird:

FILTER: chroma(color=#000000) class="divscroll";

Try taking out the bold part, it might be messing something up. Good luck

[purple_ivy]

That part has to be there otherwise my text would be transparent.
But now it all seems to be working :confusion: what the? So weird!