Element:hover in pure css hierarchical menus

Do you see the menu buttons on the left? Take your mouse and point at those buttons. What happens? Chances are, if you see hierarchical menus dropping down, you're using a smart browser. The menus are displayed using a bit of CSS, which can be found here.

If you don't see the menus, you're probably using a browser based on Internet Explorer or Konqueror. Why does this happen? Because their implementation of CSS is flawed. They think only hyperlinks can be hovered. Other elements don't get a hover pseudoclass.

Is there a solution for Internet Explorer? Yes. Install version 7 or higher, which support this functionality natively. For lower versions, implement a simple Javascript like we did, in this example.

2004/05/10, updated 2006/11/23