Aleksandar • Vacić

iOS bits and pieces

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

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

1
2
3
4
5
6
7
8
9
10
11
.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.