Easy Question: Mouse over one class and Activate the :hover on another class
Upon mousing over one class, I would like another class's :hover css rule to be activated.
My problem is in my main menu. When the mouse transitions from the main menu link to the drop down menu, the main link's :hover rules are deactivated. All I'm trying to do is retain that :hover state on the main link while the user's mouse navigates through my mega menu. This way the user doesn't forget which main link on the menu he/she is navigating under.
Here's my url: http://72.32.101.216/
A good link to look at is the "Disintegrators" link.
DETAILS:
1. When someone mouses over .megamenu
2. I need these parent classes to be activated:
#nav li a:hover
{
background
:
url("../images/background/menu_tab.png") no-repeat scroll 0 -46px transparent
;
color
:
#FFFFFF !important
;
text-shadow
:
0 1px #000000
;
}
#nav li a:hover span {
background
:
url("../images/background/menu_tab.png") no-repeat scroll 100% -46px transparent
;
}
I've already tried with css with no result thus far, but I'm open to any suggestions here. Thanks so much for any advice you can give! Thank you, thank you, thank you!