div ignoring top positioning

hello all,
i have a container div (content) with a nested container(content_content).

i’ve set the nested div with a top:35px but it’s acting like the top is set 200px and the more content you add to the nested div will push it’s self upwards instead of setting itself at the correct top position and push downwards as more content is added….

the css is rather basic so i don’t know why this is happening.

[CODE]#content {
position: relative;
top: 0px;
left: 50%;
margin-left: -325px;
padding: 0px;
border-top: 0px;
border-left: 0px;
border-right: 2px solid #FFF;
border-left: 2px solid #FFF;
border-bottom: 2px solid #FFF;
width: 650px;
height: 97%;
min-height: 900px;
background-image: URL(‘../images/red_content.jpg’);
}

#content_content { /* main content */
position: relative;
top: 35px;
left: 0px;
margin: 0px; padding: 5px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
width: 425px;
/*height: 600px;*/
text-align: left;
background-color:#00FF33;
}[/CODE]

here’s the url incase it helps – [url]www.saveusalllmusic.com[/url]

thanks!

Also in #CSS _↴