Krawędź i margines obrazu/dopełnienia

Question

Czy ktoś może mi powiedzieć, dlaczego poniższy kod CSS generuje dodatkowy margines pod obrazem? Powinien po prostu dodać dopełnienie 5px wokół całej rzeczy i działa dobrze z tekstem. Jakieś pomysły?

div#somediv { 
margin: 0; 
padding: 5px; 
} 

div#somediv img { 
margin: 0; 
padding: 0; 
} 

<div id="somediv"> 
    <img src="someimage.jpg" /> 
</div> 

Answer 1

Spróbuj podejmowania obrazowi element blokowy:

div#somediv img 
{ 
    display: block; 
    margin: 0; 
    padding: 0; 
}