Gaps Under Images in IE6

{ 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).

The Fix:
Using CSS, set display:block; on the img.

This is not a problem in IE7.

It is good to share: These icons link to social bookmarking sites where readers can share and discover new web pages.