IE Displays White Space Above and Below A-Tag and Linked Images

I recently made a gallery with a bunch of image thumbnails laid out in multiple rows, each one linked to the larger image but when I tested in IE7 I noticed some white space in between the rows.  The reason for this is that IE adds a default line-height of 16px, so if the images or navigation items or horizontal rules (whatever it may be) is smaller than that, you’ll have to manually set the css for this object like so:

.thumbnail {line-height:1px; font-size:1px;}

Back to Blog