在IE6中 如果li元素中包含 a img 元素是后下部会出现5px的空白。当然需要这个空白时最好的。可是不需要这个空白的时候就麻烦了。怎么将它去掉呢？

请看下面：

html

css

其中 temp.jpg 尺寸为 277×57

Firefox 下的正常表现：

很明显地可以看到 IE6 中，li 的表现高度，并非我们设定的 57px，而是比其要高，这是因为 img 下面多出了 5px 的空白。

解决方法 一

使 li 浮动，并设置 img 为块级元素

解决方法 二

设置 ul 的 font-size:0;

解决方法 三

设置 img 的 vertical-align: bottom;

解决方法 四

设置 img 的 margin-bottom: -5px;