Почему образуется небольшой зазор при наведении на абсолютно-спозиционировныый элемент?

Question

[Semmy_99]

Подскажите пожалуйста почему при наведении фон у spana снизу выступает ? и как его убрать?
Code

Answer 1

[Андрей Б.]

Браузер по умолчанию добавляет этот отступ к img.
IMG – внутристрочный элемент, и поэтому к нему применяется свойство vertical-align как baseline.

Добавьте к img vertical-align: middle; и все будет ок

Answer 2

[Андрей Федоров]

Потому что img по умолчанию это инлайн-элемент, как отдельная буква в тексте. Соответственно у таких элементов есть междустрочный и межсимвольный интревал. Убрать можно так:
img {display: block}