一个 div 有五个边，这个只有 IE 6 干得出来！

一个 div 有五个边框，信吗？还真不能不信。

CSS 代码

body{padding:20px;}
*{margin:0px;line-height:20px;}
.block{margin-top:20px;padding:10px;border:1px solid #ccc;}
li{float:left;}

HTML 代码

<div class="block">
    <ul>
        <li>cftea</li>
    </ul>
</div>

IE 6 中效果

看横着的，不是有三条线么？加上左右两边的，就五个边框了。

解决

方法有很多，稍微打乱一下代码，就不存在五个边框了，比如指定 block 的宽度，比如指定 block 的 zoom:1。

结论

快抛弃 IE 6 吧，为了我们这些整天为兼容性烦恼的人。