Problem in Sub-Menus when used in IE 8.0


There is problem in Sub-Menus when used in IE 8.0; is there any way to fix this issue?


gvraaij wrote Feb 16, 2009 at 12:04 PM

Yes, there is a workaround. The problem lies in an incorrect z-index.

-1- Go to your App_Themes folder
-2- Edit the Skin.skin file and add an extra css-class to the DynamicMenuStyle of the asp:net control:

E.g.: <DynamicMenuStyle CssClass="sublevel ie8fix" />

-3- Edit the Navigation.css file and add an extra css-class. E.g.:

     z-index: 999;

Don't forget to force an extra refresh of your webpage by giving a Ctrl + F5.

paragkokane wrote Feb 16, 2009 at 4:13 PM

Hey.. thanks for this help... :)

wrote Mar 1, 2009 at 11:53 AM

axebox wrote Mar 13, 2009 at 12:59 PM


create sub menu also not work with mozilla 3.5+

vacu wrote Apr 16, 2009 at 8:51 AM

My solution to fix this problem:
add/modify meta-tag in master page (file site.master)

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ... tested in IE8 BETA

(in mwpsk 1.2.2 is .... content="IE=7" ..., but this not work)

wrote Jun 11, 2009 at 6:15 AM

MRAatFC wrote Jun 15, 2009 at 9:20 AM

Will be fixed with version 1.3.0 (currently in beta)

wrote Jun 15, 2009 at 9:32 AM

radiolistener wrote Aug 24, 2009 at 1:55 AM

jGvraaij's workaround is a better solution than forcing everything to emulate IE7. Changing the z-index is how I solved this problem too. Instead of creating a new CSS-class .... i just added the z-index to the existing css Navigation.css stylesheet. No need to modify the skin.skin file this way. Either way ... it works.

I changed these sections of my Navigation.css stylesheet to include the z-index

background-color: #3366ff;
background-attachment: scroll;
background-repeat: repeat-x;
background-position: left top;
z-index: 1;

a.sublevel, a.sublevel:link, a.sublevel:active, a.sublevel:visited, a.sublevel:hover
padding: 5px;
display: block;
height: 100%;
width: 100%;
color: #B0CBD7;
z-index: 1;

color: #FFFFFF;
z-index: 1;

a.sublevel_selected, a.sublevel_selected:link, a.sublevel_selected:active, a.sublevel_selected:visited, a.sublevel_selected:hover
font-weight: bold;
color: #FFFFFF;
z-index: 1;

wrote Feb 14, 2013 at 8:43 PM

wrote May 16, 2013 at 10:19 AM

wrote May 16, 2013 at 10:19 AM

wrote Jun 14, 2013 at 7:19 AM