Hover Stage of main menu

[Paramasivan]

1) Script Title: jQuery Multi Level CSS Menu #1

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_horizontal_blue/

3) Describe problem:

The main menu (ul li a) loses its focus (hover stage of background) when scrolling over the sub-menus (ul li ul li a).

Is there any css or js fix for this?

Thank you,

[ajfmrf]

Please post a link to your page.This will help find a possible answer to your question

[Paramasivan]

For example

http://bamajammerinc.com/

http://rockettownmedia.com/

http://intmark.com.au/grant/

[ajfmrf]

Those examples are fine but they are also different.What do you want it to do specificly.

[Paramasivan]

Please see http://intmark.com.au/grant/

There is hover for "Key Industries" menu. When the cursor is in its sub menu like "Aerospace" then hover on "Key Industries" menu disappears. I want to retain the hover stage of the main menu when the cursor is in its submenus.

[Beverleyh]

To keep the hover styling on all the parent <li>s, you would need to put the CSS :hover selector on the <li> rather than the <a>, like this;

.jquerycssmenu ul li:hover > a {
color:#fff;
background:#000;
}

[Paramasivan]

Thank you very much Ms.Beverleyh. It solved my long-lasting problem.

Now it is working at http://www.intmark.com.au/grant/