Menu
Using the code:
[CODE]
<div id = “main” >
<div id = “menu” >
</div>
</div>
I would like the menu position to be in relation to the outer div (main). How can I do this.
From css file
[CODE]
#main
{
margin:0px 0px; padding:0px;
text-align:center;
width: 800px;
height: 600px;
background-color: white;
}
#menu{
width: 250px;
height: 300px;
position:absolute;
top:0px;
left:90%;
background-color: purple;
}
I was under the impression that if the position is absolute it was in relation to its parent element??. But the menu is appearing 90% from the <body> and NOT the outer div.
Any help appreciated.
j