Как выделить активную ссылку-изображение?

[NeuroZnanie]

Доброго времени суток господа. Поставил на главной

apple-line.com.ua

ссылки-изображения на разделы шопа. Прошу помощи, как сделать что бы при наводе мыши на ссылку-изображение, вокруг самого изображение появлялся синий прямоугольник с закругленными углами? (Если нельзя сделать закругленные углы, то хотя бы просто синий прямоугольник).

Змінено 6 грудня 2013 користувачем afwollis
unlinked

[chukcha]

я так понимаю вот это интересует

a:hover img {

    border: 1px solid #FF0000;

border-radius:50%

}

a: img {

    border: 1px solid #000000;

}

 

[NeuroZnanie]

 

я так понимаю вот это интересует

a:hover img {

    border: 1px solid #FF0000;

border-radius:50%

}

a: img {

    border: 1px solid #000000;

}

 

 

 

 

Подскажи где это прописать, пожалуйста. 

[NeuroZnanie]

Прописал как посоветовал 

chukcha

 

Это совершенно не то что нужно.  Нужно выделить изображение либо синим прямоугольником (как тут только синим) либо как-то по другому слегка выделить изображение что бы человеку было понятно что это не просто картинка, а что это ссылка на раздел.

Змінено 6 грудня 2013 користувачем afwollis
unlinked

[NeuroZnanie]

Переделал, ща ок. Только распространяется на все изображения ссылками на сайте =(