IE6 Border Chaos

What Is Border Chaos?

This is a bug that I have observed in IE 6.0/Win, but not in previous versions of IE/Win. I do not know if IE/Mac has it. The bug occurs when the following conditions are met:

• There are two consecutive block-level boxes;
• The second one has a negative top margin; and
• There is at least one border on the second box or its ancestors.

Perhaps not the most common situation — we don’t often use negative margins for consecutive flowed boxes — but IE renders all the borders around the second box in odd locations (and seems to omit some entirely), which is just

wrong. There is a demo on another page. For those people without IE/Win, some screenshots follow.

在IE6中出现了这个BUG，但是在IE以前没有出现过这个情况。上面列举了BUG出现的条件。
原文：http://www.positioniseverything.net/explorer/border-chaos.html

贴一下图片看看：
在FireFox0.8中的效果，这个是预想的效果：


而到了IE6就成了这样了：（使用CSS+XHTML布局的页面）