[Solved] Need som help on menu styling

[zigge]

Hi all.

I have a site up and running for some years now, and I need to do something to my menus. The problem i need to solve is the fact that when putting the mouse on a menu with children they all expand at once. This would not be a problem if I only had one child in the 2:nd or 3:rd level, but there could be several childs, thus ending up on top of each other. What i would like is that when hovering the mouse over the menu, it only expands one level, and when moving to that 2:nd or 3:rd level, the child for that level is expanded.

The site: http://www.skanskakustfiskeklubben.se

The problem can bee seen in the "Utrustning" menu, where "Filmer och böcker" have two childs that both have several childs.

I hope you understand what I mean, and probably you can point me in the right direction to tidy this menu up.

Mats

[Dr.CSS]

In your menu style sheet there is a comment about adding more to make the 4th levels work, it looks like you did that but you left the words just add when a style sheet gets to something like that it stops reading anything below that, remove plain text from css and see if it helps...

[zigge]

Well, the menus still ends up on top of each other. Even though I fixed the stylesheet.

Mats

[Dr.CSS]

When it says to add them it means in the call in order where they should be...

#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
  display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
  display: block;
}

[zigge]

Ahhh....now I got it....stupid me....

Works like a charm. Thanx!

Mats