Menu's Divs and Relative Position

[Rain]

In the example below. If I have the position:relati ve in the first div, then
the menu disapears when dropped, if I do not have it, then it apears over
the top of all the other divs when dropped.

Why ??????

<div style="position :relative;">

<asp:Menu ID="Menu1" runat="server" Orientation="Ho rizontal">

<Items>

<asp:MenuItem Text="Hello">

<asp:MenuItem Text="Hello"></asp:MenuItem>

<asp:MenuItem Text="Hello"></asp:MenuItem>

</asp:MenuItem>


</Items>

</asp:Menu>

</div>

<div
style="backgrou nd-color:green;wid th:400;height:3 0px;position:re lative;">

<div style="backgrou nd-color:red;width :600;position:r elative;"SAMPLE
TEXT</div>

</div>