Как изменить цвет элемента меню при наведении указателя на подменю

Question

Хорошо, я попытаюсь объяснить это, а также я могу. Я хочу иметь раскрывающееся меню, и когда вы нависаете над элементом элемента меню, я хочу ТОЛЬКО, чтобы этот пункт меню был другого цвета, но элементы подменю должны оставаться неизменными.

Использование метода li: hover позволяет изменить как подменю, так и пункт меню на этот цвет. Есть ли способ изменить только верхний пункт меню, когда подменю перевернуто?

Заранее спасибо

EDIT: здесь мой текущий CSS

.dropdown-horizontal-container 
{ 
    padding-bottom: 0 !important; 
    margin-bottom: 0 !important; 
} 
ul.dropdown li ul li 
{ 
    border-bottom: #FFF 1px solid; 

} 
ul.dropdown li 
{ 
    position: relative !important; 
    display: block !important; 
} 
ul.dropdown li a 
{ 
    position: relative !important; 
    display: block !important; 
    padding: 10px 15px !important; 
} 
ul.dropdown li a:hover 
{ 
    color:#428bca !important; 
} 

PS: это перезапись CSS, порожденную WordPress плагин. Не совсем уверен, как разместить код он генерирует ... если это поможет плагин http://wordpress.org/plugins/dropdown-menu-widget/

Answer 1

Как насчет:

ul.dropdown:hover { 
    background-color:#fff; 
} 

ul.dropdown li:hover { 
    background-color:#3e3e3e; 
    display:block; 
} 

Answer 2

Так как я был мало времени, я взял легкий путь и удаляют фоном для зависания, поэтому мне не нужно было менять цвет ссылки при наведении курсора на элементы подменю. Я собираюсь заглянуть в JQuery, как некоторые люди предложили позже, хотя, чтобы посмотреть, работает ли i cna.