Features
- Semantic XHTML markup
- Accessible
- Downgrades gracefully
- Works (mouseover) even without JavaScript enabled (use style with "no JS" in name, doesn't work in IE 6 and lower)
- Pretty good scalability in IE 6 and Safari with different font sizes, very good scalability in Opera, Firefox, IE 7
P. S. There are bunch of alternate styles present on this page. Styles was written mostly for testing purposes.
Compatibility
This menu has been tested and works fine with:
- Opera 7.x for Windows
- New! Opera 8.x and 9.0 for Windows and Mac (fixed with some JS magic, thanks xErath's solution, see version before fix)
- Firefox 1.0, 1.5, 2.0 β
- Mozilla 1.0
- Internet Explorer 5.5, 6, 7 β
- Safari 1.0.x, 1.2.x, 1.3.x, 2.0.x
- Konqueror (not tested, but I'm pretty shure that it works)
Minor rendering problems:
- Internet Explorer 5.0 for Windows
Major rendering problems, but menu still usable and readable with:
- Internet Explorer 5.x for Mac
- iCab 3 β
- Opera 6.x for Windows
Author
Feel free to contact me with any questions about this menu through comments to post about this menu.
I also use cssQuery written by Dean Edwards and addEvent written by Dean Edwards with input from Tino Zijdel.