Border radius not supporting in IE7

border, css, html

Solution

You can use CSS3 PIE to get this working.

To get it add the pie.htc file to the ROOT of your site. In your CSS file where you want to use border-radius add the following code:

behavior: url(path/to/PIE.htc);

In normal CSS the url is relative to the CSS file. For htc files it is relative to the ROOT of your website. This is important as it won't work otherwise. Blame Microsoft.

NOTE:

If it's not working still then add this to your selectors:

position: relative;
z-index: 0;

Problem

i know border-radius property wont support in IE7. Is there any css tricks to do border-radius in `IE7` browsers.

Original source