Проблема с областью ссылки

[RuSS]

Дорогие, форумчане! Помогите, пожалуйста!

Прописываю следующий CSS-код:

div.button { background-image: url(/design/Command1.jpg); background-repeat: no-repeat; border: none; padding: 0px 0px 30px 0px; background-position: center; }

div.button:hover { background-image: url(/design/Command2.jpg); background-repeat: no-repeat; border: none; padding: 0px 0px 30px 0px; background-position: center; }

Прописываю следующий HTML-код:

<a rel="shadowbox;width=640;height=505;player=swf" title="Василий Шукшин - Калина Красная" href="http://video.google.com/googleplayer.swf?docid=-1336173211077011168&hl=ru&fs=true"><div class="button"></div></a>

Вроде бы все правильно, все работает, но область ссылки должна быть только на кнопке, а она слева и справа от нее.

Помогите разобраться пожалуйста!

[Int]

использовать вместо div span? Или вложить <a> в <div>