Div и Image Margin / Padding

Question

Может кто-нибудь сказать мне, почему ниже CSS создает дополнительное поле под изображением? Он должен просто добавить 5px отступы вокруг всего, и он отлично работает с текстом. Есть идеи?

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

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

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

Answer 1

Попробуйте сделать изображение элементом уровня блока:

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