CSS анимация + ссылка
 

Всем привет.

Помогите найти решение. Есть картинка ссылка с небольшим геморроем в виде area shape:

<p><div class="yaa">
<img src="/images/banners/yandex.png" height="35" width="35"
alt="Мы в Янедексе" usemap="#yaa"></div></p>
<p><map name="yaa">
<area shape="circle" coords="16,16,17" href="https://maps.yandex.ru" target="_blank">
</map></p>

и некоторой инимацией:

.yaa
{
position: relative;
top: 21px;
left: -41px;
}


.yaa :hover
{

-webkit-transform: scale(1.3);
transform: scale(1.3);

}

Проблема в том, что при наведении курсора на картинку, она перестаёт быть ссылкой. Анимация при этом срабатывает.

Для чего вообще мап было использовано?

Дело в том что Мап находится сверху и идет наведение на него, ссылка есть внутри, просто она не на всю картинку а на координаты.