Menu's Divs and Relative Position

[Rain]

In the example below. If I have the position:relative 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="Horizontal">

<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="background-color:green;width:400;height:30px;position:relativ e;">

<div style="background-color:red;width:600;position:relative;"SAMPLE
TEXT</div>

</div>