Question

I’m trying to get rounded corners to on of my css class with the code as it follows

border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

I have been reading couple of articles related to my issue and the code above should be ok but in my case won’t fire.

Answer 1

Add this to your markup as the very first line.

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Use this for border radius for better compatibility with other browsers also.

     -moz-border-right-radius: 5px;
     -webkit-border-right-radius: 5px;
     border-right-radius: 5px;
     -moz-border-left-radius: 5px;
     -webkit-border-left-radius: 5px;
     border-left-radius: 5px;