我确信之前必须已经涵盖，因为我确定我不是第一个这样做的人，但我找不到答案。我正在使用重复的背景图像为<div>创建阴影效果。在底部两个角我使用小的9x5像素图像。我将它们左右浮动，在Firefox和Safari中它们看起来很完美。在IE8（以及可能的其他IE）中，它们向左和向右浮动太远约3px。
你可以在here.看到这个问题。这是我妻子的ebay模板。
到目前为止，我已尝试设置display：inline，这是对类似IE6问题的修复。我也尝试将图像边距和填充设置为0px而没有运气。
有什么想法吗？
谢谢， Carraig
答案 0 :(得分：4)
在浏览你的页面时，我发现它是默认为怪癖模式，这是可能的问题，因为如果我强迫它进入Strict，它似乎可以修复你在IE的所有情况下的浮动问题。
在这里阅读ppk的文章： http://www.quirksmode.org/css/quirksmode.html
他解释了为什么会发生这种情况以及如何解决它：）
希望它有所帮助！
答案 1 :(得分：3)
我认为它与浮动元素超出div的边界有关，尝试在关闭父div之前插入它：
<div style="clear: both; font-size: 1px; line-height: 0px;"> </div>