Recently there was a requirement in my project where i have to make all the buttons and divs rounded corner.
To do this task i found a nice solution in css3 i.e using ‘border-radius‘ we can do the task.
A nice Tip also added by Sachin, describing how to make rounded corner divs using ‘border-radius‘.
But unfortunately ‘border-radius‘ is not going to work in IE.
So many articles(including Sachin’s) have suggested to use ‘behavior: url(border-radius.htc)’, but in my case this is also not working.
Thus i searched again and found a useful solution, which is certainly working for me.
Include a js file named as ‘curvycorners.js‘.
Here is the css class which i have used for making a rounded corner div
But to make it working in IE, i have just included the 'curvycorners.js' in the view file
This also works