title: DIV height seems too large
body: <p>I have a jsfiddle here - <a href="http://jsfiddle.net/stevea/Jpu5b/2/" rel="nofollow">http://jsfiddle.net/stevea/Jpu5b/2/</a> - with a DIV that contains another DIV that contains an img. I haven't specified the width or height of the inner DIV so it takes on the width of the parent DIV and the height of the img it contains. </p>
  
  <pre><code>&lt;div id='box'&gt;
      &lt;div id='innerBox'&gt; 
              &lt;img id='cateye' src='http://s20.postimg.org/ddh45wqnd/t_cateye.jpg'/&gt;
       &lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>My question is, why is the height of the inner div about 5px larger than the img it  contains?</p>