仅在 IE8 中出现奇怪的渲染问题

Question

我遇到了一些奇怪的渲染问题，这些问题仅发生在 IE8 上，而不是 IE7、6 或我测试过的任何其他浏览器（主要是 ff、chrome、opera）。

http://www.sealymattressonline.co.uk/Shop/Sealy- IE8 中的Silver-Collection-C246/

向下滚动到该页面的底部（或者实际上是左侧边栏中的任何其他类别链接），并且在第一个页面加载时，随机产品上存在无法解释的空白间隙 （参见http://plixi.com/p/92068948）

我需要做的就是突出显示/选择使用光标进行狡猾的渲染，或者刷新页面，然后它就会正确渲染。 （请参阅 plixi.com/p/92069037，了解通过突出显示/刷新页面“修复”后的外观）

我知道这不是我的电脑 - 我在工作场所尝试了几台不同的电脑，并且都在IE8 - 所以不是像一些类似问题那样的浏览器插件。我也无法测试 IE9，因为我使用的是 XP。

有什么想法吗？获胜的助手将获得 cookie（想象中的 cookie 非常美味！）

更新：

我无法在我的计算机的本地服务器或其他测试服务器上重现此内容。这可能是与服务器相关的错误没有任何意义？？！

Answer 1

这种风格似乎是罪魁祸首：

.group {display:inline-block;} 

我不明白你为什么需要它。
它跨越了容器的宽度，所以普通的旧块应该可以。您可能可以完全省略声明，因为“block”是 div 的默认值。

在 IE8 开发者工具中，我将显示更改为“块”，空白消失了，没有任何副作用。