title: ASP.NET 4 menu hides behind a div containing Silverlight app
body: <p>I have an aspx page which has a ASP.NET 4 menu control (rendered as ul/li's instead of tables) and a div right below it which contains a Silverlight .xap. When the user selects a menu item in the menu control, the Silverlight app gets updated. In IE 7 &amp; 8, when I hover over the menu, the menu items are "hidden" behind the Silverlight and I can partially see only the first child item. However, the menu appears just fine in Firefox. I thought something in my CSS caused it and I removed all CSS references but it still stays hidden behind the Silverlight app. How do I bring the menu control to the front? </p>
  
  <p>Here's my menu -</p>
  
  <pre><code> &lt;asp:Menu ID="mnuReports" runat="server" Orientation="Horizontal" OnMenuItemClick="mnuReports_MenuItemClick"
          BackColor="#DDDDDD" ForeColor="#000000" StaticSubMenuIndent="10px" MaximumDynamicDisplayLevels="1"
          StaticEnableDefaultPopOutImage="False"&gt;
          &lt;DynamicHoverStyle BackColor="#DDDDDD" /&gt;
          &lt;DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="5px" BorderColor="#CCCCCC"
              BorderStyle="Solid" BorderWidth="1px" /&gt;
          &lt;DynamicMenuStyle BackColor="#E3EAEB" /&gt;
          &lt;DynamicSelectedStyle BackColor="#1C5E55" /&gt;
          &lt;StaticHoverStyle BackColor="#DDDDDD" /&gt;
          &lt;StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="5px" BorderColor="#CCCCCC"
              BorderStyle="Solid" BorderWidth="1px" Width="148px" Font-Bold="True" /&gt;
      &lt;/asp:Menu&gt;
  </code></pre>