Проблема с :hower в css

[Iktash]

Не получается менять цвет тени при наведении на ссылку. Вот такая строчка с сылочками-картинками:

<div class="top_icon">
<table cellpadding="15px">
  <tr>
<td><a class="top1" href=""><img src="img/top/top1.jpg"/></a></td>
<td><a class="top1" href=""><img src="img/top/top2.jpg"/></a></td>
<td><a class="top1" href=""><img src="img/top/top3.jpg"/></a></td>
<td><a class="top1" href=""><img src="img/top/top4.jpg"/></a></td>
</tr>
</table>
</div>

Вот стили к ней:

a{

  }
.top1{
 border: 0px solid #CCC;
        -moz-box-shadow: 3px 3px 7px #0F0, -3px -7px 7px #0F0;
        -webkit-box-shadow: 3px 5px 7px #0F0, -3px -7px 7px #0F0;
        box-shadow: 3px 3px 7px #0F0, -3px -7px 7px #0F0;

}
.top1:hower {
 border: 0px solid #CCC;
        -moz-box-shadow: 3px 3px 7px #F00, -3px -7px 7px #F00;
        -webkit-box-shadow: 3px 5px 7px #F00, -3px -7px 7px #F00;
        box-shadow: 3px 3px 7px #F00, -3px -7px 7px #F00;

}

По задумке при наведении зеленая тень должна меняться на красную. Укажите на ошибку, пожалуйста. Или посоветуйте, как этого достичь подругому.
Заранее спасибо.

[KPEATuBHO]

не hower, а hover

[Naive]

:hover
десять символов

[Iktash]

Всем огромное спасибо.