Главное меню Изменение цвета

Question

Я пытаюсь целевой элемент заголовка выпадающего меню, которое я загружаемой в jfiddle здесь: http://jsfiddle.net/DZLtm/16/

Я пытаюсь получить его так, когда вы пролонгировать нав уль Ли он чернеться вместо красного. Вот строки, которые я бы мог подумать.

nav ul li {float: right; width: 172px; height: 35px; background-color: red;} 
nav ul li:hover > ul {display: block; text-align: left; background-color: black;} 

Вот HTML:

<nav> 
<ul> 
    <li><a href="#">BUTTON IMAGE</a> 
     <ul> 
      <li><a href="#">Accreditation Client Login</a></li> 
      <li><a href="#">Training Client Login</a></li> 
      <li><a href="#">Training Registration</a></li> 
      <li><a href="#">Guardian Tracking</a></li> 
     </ul> 
    </li> 
</ul> 
</nav> 

Может кто-то пожалуйста, скажите мне, почему нав уль ли: парить не будет работать, а что> уль нужно сделать с ним. Когда я его удаляю, он разбивает меню. Спасибо, Фрэнк!

Answer 1

Просто добавьте nav ul li:hover { background-color:black; }

http://jsfiddle.net/weissman258/DZLtm/17/