Question

在ie6，为什么这么显示？css

Answer 1

看不清楚问题。。。
不知道是不是img下多余空白的问题。
解决方法：将img转换成块级元素display:block;

Answer 2

同样的代码，在Firefox 4下也是同样的效果。不知你想要的效果是什么样的？

追问

有没发现，这两个图像的 下边 ，没有对齐。在ie7里面，是对齐的。就是在ie6下 ，对不齐

追答

呃，确实是个问题，在Firefox中看了下firebug，包含img的div莫名其妙的多了4px的高度，而且在safari、IE 8、chrome里都存在这个现象，难以参透……不知可否将就通过css里的background-image属性来解决？

Answer 3

你想要什么效果！

追问

有没发现，这两个图像的 下边 ，没有对齐。在ie7里面，是对齐的。就是在ie6下 ，对不齐

追答

#a01{ background-color:#9c3; list-style:none; padding:10px; float:left; margin:0px;}
li{ padding:0px; margin:0px;}
#a01 img{ width:100px; height:80px; border:5px solid #fff; display:block;}
a{ color:#93c; text-decoration:none; padding:0; margin:0;}
#a02{ background-color:#000099; width:100px; height:110px; float:left;}

我在ff里面试了可以了~~