title: Div and Image Margin/Padding
body: <p>Can anyone tell me why the below CSS produces extra margin below the image? It should just add a 5px padding around the whole thing and it works fine with text. Any ideas?</p>
  
  <pre><code>div#somediv {
  margin: 0;
  padding: 5px;
  }
  
  div#somediv img {
  margin: 0;
  padding: 0;
  }
  
  &lt;div id="somediv"&gt;
    &lt;img src="someimage.jpg" /&gt;
  &lt;/div&gt;
  </code></pre>