圓角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