Question

I have a dropdown menu and i need help getting the hover link to stay active when i hover over it so it blends with the dropdown.

I have put the code on JSF

http://jsfiddle.net/JmR87/2/

Thanks

Answer 1

You can fix it by changing this:

#nav-container li a:hover span {
    display: block;
    background-image: url(https://i.stack.imgur.com/sTqNy.gif);
    background-repeat: repeat-x;
}

to this:

#nav-container li:hover span {
    display: block;
    background-image: url(https://i.stack.imgur.com/sTqNy.gif);
    background-repeat: repeat-x;
    color: #000
}

See: http://jsfiddle.net/JmR87/5/