Fixing IE’s image gap
This IE bug happed typicaly if you use a XTML Transitional doc type
doctype is: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>
The problem sometime like this :
“The images have a 1px border that render ok in the compliant browsers but IE6 leaves a small gap between the bottom of the graphic and the border leaving me with white space.“
an this is an IE bug!,
The solution :
Add a CSS rule to set the image in display:block like this
#header img {padding:0; margin:0; display:block; }
Goodluck! 
Related posts:
