我有一个开发网站（http://www.tentenstudios.com/clients/swls/our-surgeon）在FF，Chrome和IE8 +中运行良好，但IE7中的右角图像中断，我似乎无法弄清楚导致问题的原因。右角图像位于左侧浮动容器DIV中，但顶部还有一个绝对定位的图形，不确定它是否与它有关。
感谢任何人提供的任何帮助！
根据请求，这是一个带有（我认为）相关代码的JSFiddle：http://jsfiddle.net/HyVcG/
此外，要查看此工作，您可以打开IE链接并按F12打开开发控制台，然后单击浏览器模式：IE9并将其更改为IE7。
答案 0 :(得分：3)
.eightcol和.fourcol的宽度和内部边距加起来超过100％。有些浏览器的十进制值可能与其他浏览器不同。
65.4546% + 3.63636% + 30.9091% = 100.00006%
这是一个jsfiddle demo，您可以在IE6 / 7中看到正确的列中断，但在所有其他浏览器中都可以。
这个CSS网格可能不是为了支持IE6 / 7而构建的。如果所有其他方法都失败了，您可以编辑或覆盖CSS网格中的某些宽度或边距值。但是每次升级CSS网格时都必须重新应用这些更改。不确定是否有更简单的解决方案。
修改：为了进行比较，这里是jsfiddle demo的版本，其整数百分比恰好合计为100％。