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

Question

我遇到了一些奇怪的渲染问题，这些问题只在 IE8 上发生，在 IE7、6 或我测试过的任何其他浏览器(主要是 ff、chrome、opera)上都没有。

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

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

我需要做的就是用光标突出显示/选择不可靠的渲染，或刷新页面，然后它就会正确渲染。(请参阅 plixi.com/p/92069037，了解通过突出显示/刷新页面“修复”后的外观)

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

有什么想法吗？获胜的 helper 将获得 cookies (想象中的 cookies 很好吃!)

更新:

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

Answer 1

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

.group {display:inline-block;} 

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

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