Question

即使我已经在其他主流网络浏览器（Chrome，Firefox，Safari）上成功完成了IE6 / IE7上的“漂亮”布局，我遇到了问题。

很抱歉，我无法在JSFiddle上复制错误，所以我在这里给出了网站here的网址。在网站中我只想设置右侧三个图像缩略图的高度（在室内大师部分下）。
我将高度设置如下：

.in-house-guru .ihg-thumbnail {
  height: 112px;
}

然而，它们不是具有相同的高度，而是具有不同的高度。更糟糕的是，当我尝试通过IE开发人员工具调试代码并尝试将高度直接注入（设置）到浏览器中时，没有任何反应。如果我增加css中的高度，比如增加500px，它们确实会增加高度，但是它们会有不同的高度（例如477px，495px和120px）。

附加说明：
这里使用指南针与Zurb-Foundation 3。以前网格存在问题，因为它们不支持早期的IE7，幸运的是我已经设法使用Schepp的boxsizing.htc脚本来修复它。
我使用IE9浏览器模式测试IE9。

任何人，请帮助我。它撕裂了我的头发。
提前谢谢。

Answer 1

问题不在于图像，它实际上是li

的样式

.block-grid.two-up > li {
    padding: 0 5px 11px;
    width: 50%;
}

第一张图片的padding-bottom 11px与第二张图片中的第三张图片重叠，因此出现问题。

为下面的li提供5px的常量填充：

.block-grid.two-up > li {
        padding: 5px;
      }

似乎为我解决了这个问题。