title: Extra padding under an <img> tag?
body: <p>I'm getting some sort of padding below an img tag in my webpage. The html looks like:</p>
  
  <pre><code>&lt;li&gt;
    &lt;div&gt;Title&lt;/div&gt;
    &lt;img src='...' width='60px' height='60px' /&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Yeah so there is about 5 pixels of padding beneath the image (I can tell because the bg color of the parent li item is different). I tried assigning a class to the img tag with padding/margin/border all set to zero, but no change. I'm wondering if there's anything I'm missing about img tags that could be causing this padding to appear? </p>
  
  <p>When I remove the img tag, and just leave the 'title' div, the extra padding is gone,</p>
  
  <p>Thanks</p>
  
  <p>------------- Update -------------------</p>
  
  <p>This is only happening on FF, chrome and safari look ok. Firebug also shows the padding is part of the img element.</p>