Working together for standards The Web Standards Project

:hover in MSIE

By Dave Shea | January 4th, 2004 | Filed in Browsers, CSS

Skip to comment form

You may have seen the Pure CSS Menus demo on Eric Meyer’s css/edge, it has been around for a while. The premise: pure CSS menus, no scripting necessary. The catch: they don’t work in Internet Explorer.

Well, not so fast. Thanks to Peter Nederlof, with a slight bit of script-based tweaking you can work around this. See his explanation and demo page. (box model errors plague the latter, which means IE5 won’t display the style as intended, although it should demonstrate the behaviour regardless)

What makes this solution better than complex DHTML-based menus? Structure, baby, structure. View the source XHTML for a quick peek at the simple list of <ul> and <li> elements. The result: a clean separation of content and presentation, semantically proper code and generally accessible menus.

Return to top

Post a Reply

Comments are closed.

All of the entries posted in WaSP Buzz express the opinions of their individual authors. They do not necessarily reflect the plans or positions of the Web Standards Project as a group.

This site is valid XHTML 1.0 Strict, CSS | Get Buzz via RSS or Atom | Colophon | Legal