IE6下img空白位置解决方法

Firefox 下的正常表现：

IE6 下的非正常表现：

解决方法 一

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

ul{
width: 280px;
}
ul li{
float:left;
display:block;
height:57px;
width:277px;
}
img{
display: block;
}

解决方法 二

设置 ul 的 font-size:0;

ul{
width: 280px;
font-size: 0;
}
ul li{
display:block;
height:57px;
width:277px;
}

解决方法 三

设置 img 的 vertical-align: bottom;

ul{
width: 280px;
font-size: 0;
}
ul li{
display:block;
height:57px;
width:277px;
}
img{
vertical-align:bottom;
}

解决方法 四

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

ul{
width: 280px;
font-size: 0;
}
ul li{
display:block;
height:57px;
width:277px;
}
img{
margin-bottom: -5px;
}