Horizontal hover menu width issue

[rabbitGravity]

Hi all, I am coding a horizontal menu with horizontal sub menu. What I am going for is the active menu in orange and the hover menu items in lighter orange… which is going well except for this snag I have hit. When the current menu is hovered, the drop down menu (in lighter orange) doesn’t cover the whole width of the sub menu as it is supposed to! I would like to either remove the hover(light orange) from the current menu or make the light orange bg fill the 960px space. It is driving me nuts! Help please! Here is the link: http://lucidigital.com/test/menu.html

[wolfcry911]

add this to your stylesheet

.mainNav .main .topLevel.current:hover ul {

background: #EFB700;

}

edit// oh, and that’s one of the best test pages I’ve ever seen :)

[rabbitGravity]

Ha! It worked! It bloody worked wooohoooo! Thanks a lot wolf! Very simple solution indeed, but I just couldn’t suss out the specificity needed to solve my pesky prob. Oh and thanks for the compliment. :) I will write a tut on this soon and will sure mention you solved that last headache for me!

[Author]

Posts