未在Chrome中呈现的特定元素的border-radius

Question

这是我的网站： http://splash.inting.org/wp/

在右侧边栏上，我有两个元素，顶部是reg形式，底部是小滑块。两者都实现了相同的border-radius样式，但底部的样式没有在Chrome中呈现的弯曲边框。我已经应用了overflow：hidden。

需要注意的事项：

1. 两个元素（注册和滑块）具有相同的border-radius样式 应用但在chrome中，仅使用正确的边框样式呈现注册
2. border-radius在firefox中正确呈现，甚至在IE
中呈现

有什么想法吗？谢谢！

反转片：



FIREFOX：

Answer 1

将边框半径直接应用于图像。

.meteor-slides .mslide img
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}