CSS - Как удалить пробелы между привязанными изображениями

Question

У меня есть два закрепленных изображения друг на друге, разделенных разрывом строки. Я хочу, чтобы изображения располагались прямо друг на друге, но в Firefox между ними есть разрыв. Это работает в IE7. Единственный способ, которым я смог это исправить - это изменить высоту строки (чего я не хочу делать).

<a href="image.jpg">
    <img height="75" width="75" src="image.jpg" />
</a>
<br/>
<a href="image2.jpg">
    <img height="75" width="75" src="image2.jpg" />
</a>

Answer 1

Размещение свойства CSS по вертикали по низу на верхнем изображении удалит пробел в Firefox.

Answer 2

Возможно, установка изображений на display:block будет работать. Поскольку изображение по умолчанию встроено в текст, оно оставляет место внизу для потомков (таких как j, g и y), даже если изображение никогда не будет иметь его. Многие браузеры объясняют это, но это нестандартно. Установка их на block должна удалить это раздражение во всех браузерах.