Не получается менять цвет тени при наведении на ссылку. Вот такая строчка с сылочками-картинками:
<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;
}
По задумке при наведении зеленая тень должна меняться на красную. Укажите на ошибку, пожалуйста. Или посоветуйте, как этого достичь подругому.
Заранее спасибо