Dropdown menus disappear under images in IE7

[colech]

Originally Posted by gosdest

Thanks for the suggestion - in fact I found a solution and posted it in the thread above some time ago. what I did was this: I added a z-index to each main <li> tag of the menu, using decreasing values so that the top item can overlay the lower ones and so on. That works!

I've had the same problem, but here is the much easier way to get it to work. There are a lot less chance of error doing it this way. Let me know if it doesn't work for you...

The CSS:

.mainMenu {
  z-index:10000;
}

The HTML:

<div id="mainMenu">
  <ul class="udm" id="udm">
    <li>
      ...
    </li>
  </ul>
</div>