title: Why is jquery Mega Menu showing up behind my images in IE7 and 9?
body: <p>I have a webpage with a <a href="https://i.stack.imgur.com/ygcKf.png" rel="nofollow noreferrer">jquery Mega Menu</a> 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:</p>
  
  <pre><code>z-index:2000;
  </code></pre>
  
  <p>this image is taken directly <a href="http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/examples/#" rel="nofollow noreferrer">off of the examples page</a> where this issue is reproducable</p>
  
  <p><img src="https://i.stack.imgur.com/OBq0S.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/ygcKf.png" alt="enter image description here"></p>
  
  <p>all over the place but it still shows up behind the images?  Any suggestions?</p>