Community Documentation

Fix for IE where child items appear behind its parent's sibling

Last updated March 7, 2009. Created by lbourn on March 7, 2009.
Log in to edit this page.

In this example,

<ul>
    <li>item1
          <ul>
              <li>child-item</li>
          </ul>
    </li>
    <li>item2</li>
<ul>

viewed in IE, the child-item can appear underneath item2 due to the way IE interprets z-index.
Adding this fixed it for me:

ul.nice-menu li.over {
z-index:6;
}

(Use a value of 6 because the regular nice-menus CSS declares z-index 5 for "ul.nice-menu" and "ul.nice-menu ul")

(Originally posted by seutje - September 17, 2008 - 08:56)

About this page

Drupal version
Drupal 5.x
Audience
Designers/themers
Drupal’s online documentation is © 2000-2013 by the individual contributors and can be used in accordance with the Creative Commons License, Attribution-ShareAlike 2.0. PHP code is distributed under the GNU General Public License. Comments on documentation pages are used to improve content and then deleted.
nobody click here