Posted By

chrisdpratt on 09/11/09

Tagged

Versions (?)

Last Edited at 09/11/09 12:01pm

Statistics

Viewed 705 times

Favorited by 4 user(s)

Related snippets

Cross-Browser Pure CSS Dropdown Navigation

/ Published in: CSS

To make the menu work in IE6 (which doesn't support the :hover pseudo element on anything but links and tables), the IE6-specific CSS calls on [Whatever:hover][whatever]. If using [Dean Edwards' IE7-js][IE7-js], this is unnecessary as his script fixes li:hover behavior in IE6.

[whatever]: http://www.xs4all.nl/~peterned/csshover.html "Whatever:hover"
[IE7-js]: http://code.google.com/p/ie7-js/ "Dean Edwards' IE7-js"

Highlighted TextExpand

<li><a href="#">About</a></li>
  <li><a href="#">Products</a><ul>
    <li><a href="#">Product 1</a></li>
    <li><a href="#">Product 2</a></li>
    <li><a href="#">Product 3</a></li>
  </ul></li>

<li><a href="#">Services</a><ul>
    <li><a href="#">Service 1</a></li>
    <li><a href="#">Service 2</a></li>
    <li><a href="#">Service 3</a></li>
  </ul></li>
  <li><a href="#">Contact</a></li>

</ul>

Report this snippet Tweet