закругленный угол не работает на IE

Question

Я использовал закругленный угол и градиент.это хорошо работает на Firefox, но закругленный угол не работает на IE.IE закругленный угол работает только при удалении градиента CSS.Пожалуйста, помогите мне.

    <h2 id="user_comments">9. User Comments and Notes</h2>    
        h2 {
        -webkit-border-radius: 8px;
        -moz-border-radius:8px;
        background:-moz-linear-gradient(center top , #A0ABBF, #DEDEDE, #A0ABBF) repeat scroll 0 0 #A0ABBF;
        filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#DEDEDE', EndColorStr='#A0ABBF');  /* IE6,IE7 */
       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DEDEDE', EndColorStr='#A0ABBF')"; /* IE8 */ 
        border:2px solid #A0ABBF;
        font-size:16px;
        letter-spacing:1px;
        margin-top:36px;
        padding:0 1em;
        position:relative;
        }

Firefox: IE:

Answer 1

IE7 и IE8 не поддерживают border-radius.

IE9 будет .

Есть JavaScript-хаки, большинство из которых включают в себя кучу 1px элементов, которые абсолютно позиционированы, или используют SVG.

Вы также можете изображения.

Я бы просто оставил все как есть и подумал, что> IE8 и другие браузеры получают прогрессивное улучшение .