Отступ в ячейке таблицы у изображений при вёрстке на html5

Сергей Асанов Сергей Асанов

При вёрстке на html5 к обычной ячейке таблицы, если там есть изображение, всегда внизу
добавляется отступ.
Взять самый простой код

<table>
    <tr><td style="background:yellow;"><img src="0.gif" height="80" /></td></tr>
</table>

Высота ячейки 85px вместо предполагаемых 80. Откуда взялся отступ 5px?

Аналогичное явление происходит при вёрстке в режиме strict. Cтоит только сменить доктайп на классический html4 transitional, сразу всё отображается привычно. 

Я решил задать вопрос гуру. Сергей Чикуёнок, ни секунды не задумываясь, ответил, что это достаточно стандартная проблема.
<img> — инлайновый элемент, который по умолчанию выравнивается по базовой линии (которая выше, чем конец строки), поэтому и появляется отступ. Чтобы избавится от него, нужно прописать картинке display:block