Изменение стиля родительского элемента при :hover дочернего
 

Делаю выпадающее меню.

Возникла необходимость изменить стиль родительского элемента при наведении курсора на вложенный элемент.

Более предметно: есть меню с несколькими уровнями вложенности. При этом, при наведении курсора на пункт меняются стили (по событию :hover). При наведении курсора на "родительский пункт" срабатывает :hover у его li и его стиль меняется (фон изменяется и выпадает список). Но при наведении на "дочернюю ссылку" срабатывает её :hover, а стиль "родительского" теряется. Поэтому вопрос: как сделать так, чтобы при наведении на "дочернюю" срабатывал и "родительский" :hover?!

<ul class="menu">
 <li class="leaf first active-trail"><a href="#" title="" class="active"><span>Обычная ссылка</span></a></li>
 <li class="leaf"><a href="#" title=""><span>Обычная ссылка</span></a></li>
 <li class="expanded last"><a href="#" title=""><span>Родительская ссылка</span></a>
  <ul class="menu">
   <li class="leaf first"><a href="#" title=""><span>Дочерняя ссылка</span></a></li>
   <li class="leaf last"><a href="#" title=""><span>Дочерняя ссылка</span></a></li>
  </ul>
 </li>
</ul>

по идее li:hover сработает даже если наведешь на дочернюю ссылку.
мож у тебя в коде a:hover стоит? В любом случае это делается на уровне css а не js.

спасибо, действительно, после целого дня темизации сайта не доглядел :)