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布局的頁面）