Hey Doctype Community!
Just working on a project at the moment, and I'm going to use the suckerfish menu for a drop-down on the 'Our Services' link. I've used the menu several times before, but it just doesn't seem to want to work this time around!
I've added the class .sfhover to the list item that contains the menu, so you can see whats going on (and firebug it) without having to hover over it.
Thanks in advance for all your help.
So basically I've taken all the rules that I wrote for styling the top-level navigation, and added in a lot of '>' signs to make sure that those rules only apply to direct children of the navigation.
So now aesthetically the menu is fine, but I'm having to force it's left value with a number px value, because left:auto leave it over at the far left.
Any last ideas?
Set your main li to
position: relative; and li ul to
position: absolute; left should be 0 and give it a top margin which should put it where you want.
Had something similar and iirc it need to be surrounded be a div.#nav:
Whereas yours is
<div id="navigation">? :)