Проблема с ссылкой у изображения

Есть изображение которое я хочу сделать ссылкой. Но при наведении на него мышкой, отображается как ссылка только нижняя его часть. В чем проблема? Надо чтобы вся область отображалась как ссылка.
Вот css код:

#forma {
background:url("img/forma.png");
margin: -90px auto;
width:410px;
height:147px;
position:relative;
z-index:1;
}

#forma a {
display: block;
height: 100%;
}

Html код:

<a href="/"><div id="forma">
</div></a> <!-- END_FORMA -->

Примечание:
скорее всего проблема возникла из-за margin -90px
потому что когда я указываю margin 0px auto то все изображение отображается как ссылка
но при 0px оно смещается

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.