Изменить CSS div'ов при наведении другого div

Question

Я пытаюсь создать очень простое выпадающее меню javascript.Меню работает так, как задумано, за исключением того, что когда я включаю div, который делает выпадающий div видимым, он теряет цвет фона.Поэтому, когда я нахожусь над # m2, я хочу, чтобы #sddm li a: hover оставался активным.Нужен ли мне jquery для этого или это можно сделать в javascript?

http://jsfiddle.net/6ZzK2/

Answer 1

Сделайте это:

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

http://jsfiddle.net/cdBZC/

Это по крайней мере работает в FF8.0. Единственный браузер, с которым у вас могут возникнуть проблемы, - это IE версии 6/7, который может не поддерживать псевдокласс :hover на li s. Я не уверен.