CSS Rounded Corners

Major browser like Firefox, safari, Google chrome is easy part to fix round corners using css class

.rounded-corners {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}

-moz-border-radius – Firefox
-webkit-border-radius – Chrome / Safari
-khtml-border-radius – Konquerer browsers

None of IE versions supports border-radius . This can be fixed through this .htc solution . First need to upload the .htc solution and use this css class whenever required

.rounded-corners {
behavior: url(/css/border-radius.htc);
border-radius: 20px;
}