Stumped by ie7 on a menu flyout

Any idea why the menu falls behind the link below it in IE7? It has me stumped.
It work on everything else.

http://iraniantaboo.webventions.com

Thank you.

E

This is the first CSS bug I ever struggled with as a “real” web developer: IE’s z-index bug.

As the link states, you just need to give the menu’s parent (in this case, the <li>) an even higher z-index, and it should work.

Thank you.

According to w3schools IE 7 usage is dropping like a stone. Its December stats are half what they were in January of 2011. Pretty soon we won’t need to worry about it at all. Yeah!

I wouldn’t rely on the w3schools site for browser stats. w3schools is mostly visited by web developers or web development students who in turn are much more likely to be using up to date browsers. There is probably still a significant number of “mums and dads” out there still using ie7.

Its true, stats are different for every site dependent on their audience. Some sites I administer are as low as 2% ie7 usage. Others are as high as 7% or 8%.
It is still dropping quickly, and I’ll be glad when it is no longer a consideration as its almost as bad as IE6.

E