Div и Image Margin/Padding

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

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

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

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

ОТВЕТЫ

Ответ 1

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

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