I have a webpage with a jquery Mega Menu at the top and then there is a jqGrid right below it. When I hover over the menu, the submenu pops up but it shows up "behind" the jqGrid. I tried going into the dcMegaMenu.css and adding:
This problem is caused by an IE7 bug. Quoting myself from the linked answer:
[Here are] some resources which explain the issue:
- IE 6 & IE 7 Z-Index Problem
- ie7 z-index problem
The general idea is to poke
position: relative(usually remove it) and
z-indexon parent elements of the problematic element until it's fixed.
The only way this same problem can be happening in IE9 is if IE9 is displaying the page in Compatibility mode (or is otherwise using IE7 mode). Hit F12 to bring up Developer Tools to see which mode is being used.
To fix this problem in IE7 on the page you linked to, you need to on
position: relative; z-index: 1;.
Here's a screenshot from IE9 in IE7 mode with the fix applied using Developer Tools: