CSS

IE7 bug: will not render z-index change on li:hover

Jan 2, 2007 by Aleksandar Vacić 1 minute read

While working on latest version of ADxMenu styles, I encountered another ugly IE7 bug.

.menu li {

	z-index: 5;

}

.menu li:hover {

	z-index: 10000;

}

This does not work in IE7 - it will not re-render the page. Here’s the example showing this problem.

update: David Hucklesby points to solution: IE needs a “nudge”, direction:ltr works. As well as a lot of other rules.