Comments on: How to Create a CSS Drop Down Navigation

By: Robin

Robin — Mon, 16 Feb 2009 21:54:36 +0000

Hi, I got it just as you placed it and it worked on the first try. Now it´s just a matter of tweaking the CSS and its in. Thank you. This was finally a functional solutio to a very large amount of erroneous examples I had tried before. Greetings from Malaga, Spain.

By: Nathan

Nathan — Wed, 31 Dec 2008 00:03:29 +0000

Thank you for the tutorial. It works in FF and Safari fine but, I did have an issue that I can not resolve in IE7.

When hovering, the first sublist appears to the right and level with of the main list item instead of below it (the other sublist items are below the first as they should be). I can not reach the sublist links because to click them I have to leave the main li item and they then disappear.

What have I missed?

By: Lardlad

Lardlad — Tue, 16 Sep 2008 13:37:14 +0000

Add display:none; and a display:block; on :hover

#nav li ul {
display:none; /* added property*/
}

#nav li:hover ul, #nav li.sfhover ul {
position:relative;
left:auto;
height:1%;
display:block; /* added property*/
}

By: Lardlad

Lardlad — Tue, 16 Sep 2008 13:29:50 +0000

I did find an issue with Safari (Version 3.1.2 (5525.20.1)). After you mouse off a list, there is a block left visible. Also if you hover over where the inner UL was, the menu comes back up.

By: Allan

Allan — Wed, 20 Aug 2008 17:05:43 +0000

@GT – I beg to differ, as a matter of fact it works in Safari, Netscape, Opera, IE 6 and even IE 5.5.

If you are trying to get it to work, please contact me and I would be happy to assist you on setting it up.