I'm using the new Dark Knight skin with the Mega Menu and viewing it in IE 7 the menu displays behind modules placed in content pane. I tried adding a z-index value to the module header section but that didn't seem to do anything. Any ideas how to fix. Displays fine in FF and Chrome.

Rich

Hi Ian,

Thanks for the reply. Unfortunately none of the solution suggested worked for me. This is an IE specific problem.  I have


Set in portal.css default.css and skin.css and have made sure there are no other elements with z-index value of 1

And in dnnmega.css I have:


Displays fine in Firefox, Chrome and Safari but in IE the menu is displayed under the html module content. I don't want to continue developing the site until I can resolve this problem.

This is a clean DNN 6 install using the default DarkKnight skin. Any suggestions are greatly appreciated.

Thanks

Rich

OK, I figured it out.

Set default.css and portal.css back to original values. In skin.css add z-index:1000; to #Header .Content


The menu will no longer be displayed behind the module content in IE.  Other z-index values may work I just arbitrarily chose 1000.

Rich