asked on

ASP.NET Menu control not working in IE 8.0

Hello Experts,

I am having a strange layout for the Asp.Net 2.0 Menu control in IE8.0. It works OK in prevoius IE versions and on all FF versions.

Please see attached screenshots for IE8 and FF

Please advise

Thanks
S

<asp:Menu ID="mnuMain" runat="server" BackColor="SteelBlue" BorderStyle="Solid" BorderWidth="1px"
                DynamicHorizontalOffset="2" Font-Bold="True" Font-Names="Verdana" Font-Size="0.8em"
                ForeColor="White" Orientation="Horizontal" StaticSubMenuIndent="10px">
                <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="4px" />
                <DynamicHoverStyle BackColor="PapayaWhip" ForeColor="Black" BorderColor="Black" />
                <DynamicMenuStyle BackColor="SteelBlue" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" />
                <StaticSelectedStyle BackColor="#507CD1" />
                <DynamicMenuItemStyle HorizontalPadding="4px" VerticalPadding="2px" BorderColor="Black" BorderStyle="Solid" BorderWidth="0px" />
                <Items>
                    <asp:MenuItem Text="Web Orders" Value="Orders">
                        <asp:MenuItem NavigateUrl="~/Admin/WebOrders/SearchWebOrders.aspx" Text="Search for a Web Order"
                            Value="Search for an Order"></asp:MenuItem>
                    </asp:MenuItem>
 </Items>
                <StaticHoverStyle BackColor="PapayaWhip" ForeColor="Black" BorderColor="Black" />
            </asp:Menu>

Open in new window

ff.gif
ie8.gif

ASKER CERTIFIED SOLUTION

mohan_sekar

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

jinal

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

newbie27

ASKER

thanks folks..

all i have to do is this

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Rositta

Set this property in the menu tag DynamicMenuStyle-CssClass="adjustedZIndex"

having a css class as follow

.adjustedZIndex {
z-index: 100;
}

z-index should be set to some higher value (e.g. 100)

it should work fine then.