This div will have a calculated height of 104.5px (in recent versions of Chrome, FF, and IE).
<div><img src="" height="100px" /></div>
This div will have a calculated height of 100px
<div style="overflow:auto;"><img src="" height="100px" style="float:left;" /></div>
I used FireBug to view DIV and IMG, and both IMGs have 0 for field, padding and border, but the calculated height is somehow greater than 4.5px more in the first instance.
Why is this? This affects me when I try to place a page with a constant vertical grid. Ideally, I would not have to swim imgs.
I tried looking here ==> http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.7.2 , and I even tried vspace = 0, but that didn't change anything.
Thank you for your help!