CSS悬停效果切断列中的图像（仅限Chrome）

Question

我已将论坛上的内容分为三列，并将悬停效果附加到每个帖子中的图片上。这种悬停效果是放大图像，CSS是：

.MessageList .Message img:hover {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
position: relative;
z-index: 1;
}

我的测试网站是：http://idenitties.com/

我已经创建了一个jsfiddle试图解释我的问题：http://jsfiddle.net/eKJ9k/

如果您在Chrome中打开jsfiddle - 悬停效果会被切断

如果你在Firefox中打开jsfiddle - 悬停效果完美无缺

有谁知道为什么效果在一个浏览器中有效而在另一个浏览器中无效？

Answer 1

我相信这是一个webkit错误。除了切换到使用别的东西（flexbox？）

之外，你无能为力

可能与提到的here相关或相同的错误。

  

水平溢出列的文本将被删除