丸みを帯びたコーナーCSSPIE + CSSグラデーション

私たちは以下のコードを使用している問題があります。丸みを帯びたコーナーとグラデーションを備えた基本的なボックスです（CSSPieを適用しています）。私たちはすべてのIEで気づきましたが、グラデーションのためにIEでこの要素の角を丸くすることはできません。誰かがこれを解決する方法を見つけましたか？私たちはグラデーションをPhotoshopからCSSに移行したいと思っていますが、これは厄介な問題です。丸みを帯びたコーナーCSSPIE + CSSグラデーション

ありがとうございます！

.superduper { 
    position: relative; 
    width: 100px; 
    height: 100px; 
-webkit-border-radius:4px; 
    -moz-border-radius:4px; 
    border-radius:4px; 
    background: #ff0000 url("gradient-bg.png") repeat-x top; 
    -o-background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%; 
    *background: #ff0000; 
    background: #ff0000\0/; 
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF00ff00, endColorstr=#FFff0000); 

    background-image: -webkit-gradient(
     linear, 
     left top, left bottom, 
     from(#00ff00), 
     to(#ff0000) 
    ); 
    background-image: -webkit-linear-gradient(
     top, 
     #00ff00, 
     #ff0000 
    ); 
    background-image: -moz-linear-gradient(
     top, 
     #00ff00, 
     #ff0000 
    ); 
    background-image: -o-linear-gradient(
     top, 
     #00ff00, 
     #ff0000 
    ); 
    background-image: linear-gradient(
     top, 
     #00ff00, 
     #ff0000 
    ); 
}

出典

2011-08-02 Baconbeastnz