表格单元格中的图像不会缩小：使用ie8 / 7

Question

有人可以帮我解决我的网站问题吗？

http://www.andrewstonyer.co.uk/test/

我的问题：

在IE8 / 7上如果你点击一个缩略图（现在只有'脉冲'和'小时内的时间'接线），会出现一个覆盖图，其中包含该部分的详细信息。

Gecko / Webkit中应该发生的事情是，叠加层包含一个带有标题，缩放，居中图像和导航菜单的表格。有一个文本切换，它可以推动图像单元格，使图像更小，保持比例。我知道叠加层现在看起来像屁股 - 这些只是占位符颜色：）

在IE上，图像不完全适合表格单元格，这意味着所有内容都被推到了窗口之外。我看不到导航菜单。它似乎以实际像素大小渲染图像（在CSS中，img类元素设置为100％高度）。

文本单元格用jquery切换，当在IE中切换时，它似乎没有“挤压”上面的单元格，这就是我想要发生的事情。

有专家帮忙吗？

此致 乔恩

Answer 1

为CSS中的ov-image类添加宽度：100％修复此问题。我想其他浏览器都会尊重显示：即使是图像缩放也会阻止，但是在IE上，你必须声明它的宽度才能缩放。

另外删除高度：同一级别的100％。