Не могу поменять текст ссылок в CSS

Не меняется цвет ссылок id=spisok, остальные параметры ссылок изменились, а текст остался черным. В эксплорере и дрививер ссылки стали как надо синими, а в опере и мозиле черными.

<div id="cool1">

<h1>=CSS=</h1>

<ul id="nav">

<li><a href="../Page-1.html">Что такое CSS</a></li>

<li><a href="../Page-1.html">CSS1,CSS2,CSS2.1,CSS3</a></li>

<li><a href="../Page-1.html">Структура CSS</a></li>

<li><a href="../Page-1.html">CSS в документе</a></li>

<li><a href="../Page-1.html">Наследование</a></li>

<li><a href="../Page-1.html">Каскадирование</a></li>

<li><a href="../Page-1.html">CSS и браузеры</a></li>

<li><a href="../Page-1.html">Цвет и фон</a></li>

<li><a href="../Page-1.html">Шрифт</a></li>

<li><a href="../Page-1.html">Текст</a></li>

<li><a href="../Page-1.html">Списки</a></li>

<li><a href="../Page-1.html">Фильтры</a></li>

<li><a href="../Page-1.html">Таблица цветов</a></li>

<li><a href="../Page-1.html">Статьи</a></li>

</ul>

<h1 id="head">=Свойства CSS=</h1>

<div id="spisok">

<div><a href="">!important</a></div>

<div><a href="">after</a></div>

<div><a href="">background</a></div>

<div><a href="">background-attachment</a></div>

</div>

</div>

#spisok {

overflow:auto;

margin-top:0px;

height:300px;

width:175px;

padding-left:5px;

border-bottom:1px solid #C1C1C1;

background:#FFFFFF;

}

#spisok a {

text-decoration:none;

color:#0000FF;

}

#spisok a:hover {

background:#666666;

display:block;

color:#FFFFFF;

}