absolute position question

[ritterb]

This should be easy, I don't know what I'm doing wrong.

If you use absolute positioning the layer should be positioned based on the layer it is contained in correct?

Why is it that when I do this it doesn't get positioned 50px to the left of the top layer?

----------------------------------------------html------
<div id="top">
<div id="middle">
TEST TEST TEST
</div>
</div>
--------------------------------------------------CSS---
#top
{
height: 800px;
width: 800px;
margin: auto;
padding: 0px;

border: 1px solid #000;
}

#middle
{
border: 1px solid #000;
position: absolute;

width: 200px;
height: 200px;

left: 50px;
}

thanks

 

[Shadow2531]

#top has to be relative or absolute too.

 

[ritterb]

thanks. I swear I tried that but o well.