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

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)