Why do linked images display white space in between with IE7?

If you ever tried to display a row of linked images in a row, you may notice some white space in between them when viewing in Internet Explorer 7, this is because IE7 adds a default line-height of 16px which, in the case of seeing whitespace isn’t what you need.

To fix this change the parent container’s line-height property to something like 1em.

Back to Blog