The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Background Hover with Fly out Re: Background Hover with Fly out


Thanks for the help, that worked. I figured out how to make “the background on the hover state to only appear in the parent menu items”. I added the class name to the hover state for each ul like below;

nav li:hover{
background: url(images/hover.png) no-repeat left center;

nav ul.sub-menu li:hover{
background:#754ba9 url(none);

Now all I need is to get the parent hover background image to overlap. Hmm?