Home Account Search

IE8 rendering white space - Asp.net Menu

If you are using the ASP.NET Menu control for your custom designed website navigation, you might have encountered this issue where the sub menu appears as a white blank box in IE8.

To resolve this, you just need to manually set the z-index property of the menu items (sub-menu) using the 'DynamicMenuStyle' property of the asp:Menu control.

Example:

//<head runat="server">

<style type="text/css">

   .IE8Fix{z-index:100;}

</style>

</head>

<asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1">

             <DynamicMenuStyle CssClass="IE8Fix" />

</asp:Menu>//

Comments are locked for this post.