Question

I’ve created a website with horizontal navigation and one level of dropdown menu on each. It works great in all browsers except IE7 (dropdowns don’t work) and IE6 (each <li> and <a> is 100% body width). I’m loathed to go through another 10 tutorials on the web and test each one in all browsers. Debugging my current one will probably take even longer.

I wondered if anyone has a concrete solution that works in all browsers? It’s such a common design element. I’m happy to rely on CSS, Javascript, browser hacks, etc – whatever produces a consistent usable nav in all browsers.

tl;dr What code do you use for horizontal nav with drop-down menus, to work in IE6 and IE7?

Answer 1

“Suckerfish Dropdowns” is what springs into my mind.

Here’s an updated version: http://www.htmldog.com/articles/suckerfish/dropdowns/

Note that the required JavaScript code to make it work in IE6 is included.