Lack of :hover Support in IE

:hover does only work on links (<a> tag) on Internet Explorer !

If you want to implement a “Pure CSS Menus” and for that using <ul> and <li> tags and if you rely on :hover applied to list items, not links, it will perfectly work on non-IE browser ! If you use IE browser, than you can call Houston ! You have a problem !

So, I investigate a bit, and I finally find few hacks to bypass the issue. The easiest one, AMO, is the one proposed by Peter Nederlof in his whatever:hover article.

You will also find a rather long article on all the “Side-stepping IE” on Mezzoblue

That hack and some others will be used in the next release of this site to have the same behaviour while browsing on all browsers (standard compliant or not….! ;p

Not yet ready to move your browser to a compliant browser ? lol 😉