Hover Stage of main menu

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

2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...rizontal_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,

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

For example

http://bamajammerinc.com/

http://rockettownmedia.com/

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

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

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.

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;

Code:

---

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

---

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

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