Posted on June 24th, 2007
In IE6 and below, images within a div will have a gap or space below them. This is caused by the fact that images are not block elements; they’re inline. The pixels at the bottom are the space below the baseline where text descenders would go (tails on letters like g, j, p, q and y).
Using CSS, set
display:block; on the img.
This is not a problem in IE7.
Posted on May 12th, 2007
Internet Explorer (IE 6) doubles the margin added to a floated div that is placed inside a container div.
display: inline; to the floated element.