Question

I am trying to create a very simple javascript drop down menu. The menu works as intended except when I onmouseout the div that makes the dropped down div visible it is loses its background color. So when I am mousing over #m2 I want the #sddm li a:hover to remain active.
Do I need jquery for this or can it be done in javascript?

http://jsfiddle.net/6ZzK2/

Answer 1

Do this:

#sddm li:hover,
#sddm li:hover a,
#sddm li a:hover {
    background: #fff; color: #000;
}

http://jsfiddle.net/cdBZC/

That at least works in FF8.0. The only browser you might have a problem with is IE version 6/7, who may not support the :hover pseudo class on lis. I’m not sure.