CSS3 Dropdown Menu ON state

[andwfara1]

I'm trying to make it so my dropdown menu, when it drops; that the tab that the drop is under, stays highlighted when hovering over the drop items. Currently when you mouse off of it the tab disappears yet the dropdown menu is still visible.

see here - http://webbetasite.com/family - under the SERVICES tab.

Thanks for your help in advance!

[aaronhockey_09]

Instead of changing the <a> tag on hover -
Change the <a> tag when you hover over the LI

Change this

#header-container #header-content .top-nav ul.menu li.menu-item a:hover

to this

#header-container #header-content .top-nav ul.menu li.menu-item:hover a

Then it should stay on while the dropdown is on as well.

[andwfara1]

Thanks Aaron - required a little tweaking after to make sure the rounded corners didn't show up in the sub-menu - but it worked! thanks a bunch.