CSS Menu, nearly there

sparkymark75 · 20 Feb 2007 at 22:36

I've been trying to get a drop-down list to work for ages and I'm getting close but just can't get it to work. Can anyone take a look at the code and see if they can help?

http://mparter.pwp.blueyonder.co.uk/dev/bfc/test.htm

If you hover over the the teams menu item, another 2 sub-items should drop down. But on IE7 and FF2, they both appear alongside. :mad:

sparkymark75 · 20 Feb 2007 at 23:35

That menu seems to render OK but I want mine to appear directly underneath the main menu item. The code I've tried to adapt is at http://www.htmldog.com/articles/suckerfish/dropdowns/

sparkymark75 · 21 Feb 2007 at 00:16

Harib0 said:
I don't really understand what you mean by this, as the link i posted the second level navigation appears directly underneath the "main" top level navigation.

The reason it is wider is just due to the size - set the size to whatever you want i.e a max width the same as the top level.

When you view that page in IE7, you get the following effect

In FireFox 2 it's fine. I'm aiming for IE5+, FF, etc support. Can't even get it to work in one browser at present

sparkymark75 · 21 Feb 2007 at 15:09

OK, I've used the CSS at http://www.cssplay.co.uk/menus/final_drop2.html and I've now got it pretty much working as I'd like in IE7 and FF. However, in IE6 the menu "boxes" overlap the top of the body section and the text in the sub-menu is smaller.

Can anyone advise on what's causing this?

Comparison Shots

Internet Explorer 7

Firefox 2

Internet Explorer 6