Не меняется цвет главная фильмы сериалы рейтинг фильмов контакты, что делать?

<div class="menubar">
      <ul class="menu">
             <li class="selected"><a href="#"></a>Главная</li>
             <li><a href="#"></a>Фильмы</li>
            <li><a href="#"></a>Сериалы</li>
            <li><a href="#"></a>Рейтинг фильмов</li>
            <li><a href="#"></a>Контакты</li>
      </ul>
</div>

css

ul.menu li a {
font: normal 100% 'trebuchet ms', sans-serif;
display:block;
height: 20px;
padding: 6px 35px 5px 28px;
color: #fff;
text-decoration: none;
}

ul.menu li.selected a{
color: #aeb002;
}

ul.menu li a:hover{
color: #e4ec04;
}