jsFiddle

• Run again
• Edit this fiddle

• Result
• CSS
• HTML

.gradient {
    background-color: #444444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); 
    background-image: -webkit-linear-gradient(top, #444444, #999999); 
    background-image:    -moz-linear-gradient(top, #444444, #999999); 
    background-image:     -ms-linear-gradient(top, #444444, #999999); 
    background-image:      -o-linear-gradient(top, #444444, #999999);
    background-image:         linear-gradient(top, #444444, #999999);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999');
    width: 100%;
    height: 100%;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    border: 5px solid grey;
}

.wrapper {
    position: relative;
    margin: 0 auto;
    width: 700px;
    height: 200px;
}

.ie9.wrapper {
    overflow: hidden;
    border-radius: 30px;
    border: 5px solid grey;
}

.ie9.wrapper .gradient {
    border: 0;
}

<!--[if IE 9 ]> <div class="wrapper ie9"> <![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--> <div class="wrapper"> <!--<![endif]-->
    <div class="gradient round"></div>
</div>