HTML 5 dziwny img zawsze dodaje margines 3px na dole

Kiedy zmienię stronę na

<!DOCTYPE HTML>

Każdy element img, który jest zawinięty w DIV, ma dolny margines 3px, nawet jeśli ten margines nie jest zdefiniowany w CSS. Innymi słowy, nie ma atrybutów stylu powodujących dolny margines 3px.

<div class="placeholder">
    <img alt="" src="/haha.jpg" />
</div>

Załóżmy teraz, że haha.jpg to 50x50, a .placeholder jest ustawiony na display: table. Dziwne, że wymiary wysokości .placeholder w mojej obserwacji wynoszą 50x53 ...

Czy ktoś wcześniej napotkał tę anomalię i naprawił ją?

EDYTOWAĆ

Oto JS FIDDLE

http://jsfiddle.net/fRpK6/

questionAnswers(11)

yourAnswerToTheQuestion