google-chrome - Chromeでレンダリングされない特定の要素のborder-radius

Question

これが私のサイトです： http ：//splash.inting.org/wp/

右側のサイドバーには、2つの要素があります。上部にregフォームがあり、下部に小さなスライダーがあります。どちらにも同じ境界線半径スタイルが実装されていますが、下部の1つには、Chromeでレンダリングされた曲線の境界線がありません。私はすでにオーバーフローを適用しました：非表示。

注意事項：

1. 両方の要素（登録とスライダー）には同じ境界線半径スタイルが適用されていますが、クロムでは、登録のみが正しい境界線スタイルでレンダリングされます
2. border-radiusは、Firefox、さらにはIEでも正しくレンダリングされます。

何か案は？ありがとう！

クロム：

FIREFOX：

Answer 1

境界線の半径を画像に直接適用します。

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