Features
- Semantic XHTML markup
- Accessible
- Downgrades gracefully
- Works (mouseover) even without JavaScript enabled (use style with name "Thick Border no JS", doesn't work in IE)
- Pretty good scalability in IE and Safari with different font sizes, very good scalability in Opera and Firefox
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
- Firefox 1.0, 1.5, 2 β
- Internet Explorer 5.5, 6, 7 β
- Safari 1.0.x, 1.2.x, 1.3.x, 2.0.x
Minor rendering problems while "mouseover" with:
- Opera 8.x and 9.0 for Windows and Mac (fixed with some JS magic, thanks xErath's solution, see new version of menu)
- 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.