Question

i have used filter to get the gradient and border-radius for round border but its not supporting in IE7, 8, 9

<style type="text/css">
div{
    width: 420px;
    height: 220px;
    border-radius: 12px;
    border: 11px solid #35b70e;
    background: -moz-linear-gradient(top, #fff, #ddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffdddddd);
}
</style>

Answer 1

You have to use some polyfills to get this working in IE 7 and IE 8 since it has no support for CSS3. Have a look at http://jquery.malsup.com/corner/ which is a jQuery plugin to create rounded corners.

In IE9 the border-radius: should work.