Make CSS3 compatible internet explorer with PIE
PIE (Progressive internet explorer) is an IE attached behavior that allow internet explorer 6-8 to recognize and display a number of CSS3 properties. it currently has full or partial support for the following CSS3 features such as border-radius, box-shadow, border-image, multiple background images, linear-gradient as background image etc..
Using PIE in your projects is really simple and straight forward. All you need to do is upload “PIE.htc file ” on your server. This is the behavior file for IE, and add the behavior in CSS rule of the element: “
behavior: url(path/to/PIE.htc);”. You need to make sure that path is relative to the HTML file being viewed, not the CSS file it is called from. Now the exact same rounded corners also appear in IE! That’s all..