Непонятный отступ снизу

[Lionel]

У меня возникла проблема при создании нивидимого блока под изображением, нужна помощь.

<div class="block_1">
   <a href="#" class="image">
      <img src="url" />
   </a>
</div>

.block_1 {
width:460px;
float:left;
}

.block_1 a.image {
position:relative;
display:block;
margin:0;
padding:0;
}

Примитивная задача, казалось бы... Однако размер блока .block_1 a почему-то превышает размер вставленного в него изображения img. Это превышение происходит так, будто добавлен параметр стиля: padding-bottom:5px, т.е. внизу выглядывает небольшая кромка. CSS нигде не задает отступ. Попытка прописать нулевой отступ не помогает. В чем проблема?

Edited July 2, 2011 by Lionel

[Softlink]

img {
display:block;
}

решит вашу проблему

[Lionel]

img {
display:block;
}

решит вашу проблему

Огромное спасибо!

Все оказалось проще, чем я думал.