Изображение размещается в базовой строке текстовой строки, в которой оно находится. Пространство под изображением - это расстояние между базовой линией и нижней частью ячейки символа, где есть место для висящих символов, таких как g и j. При использовании шрифта по умолчанию и размера шрифта вашего браузера, который составляет четыре пикселя, вы получите немного другие результаты в других браузерах.
Одно из решений состоит в том, чтобы сделать изображение блочным элементом, чтобы оно не было частью текстовой строки и не имело места под базовой линией. Тег привязки является встроенным элементом, и внутри него не может быть блочного элемента, поэтому чтобы элементы имели смысл после применения стиля, необходимо также сделать тег привязки элементом блока:
a, img { display: block; }
(Чтобы сделать код допустимым XHTML, вам также потребуется элемент блока вне тега привязки, тег body не может напрямую содержать встроенные элементы. Создание тега привязки как элемента блока с использованием стиля не помогает, структура имеет быть действительным и до применения стиля.)