Countless hours have been lost creating rounded corners, dropshadows and gradient backgrounds for the web.
PIE is a .htc CSS behaviour script that enables support for dropshadows, rounded corners and background gradient CSS3 properties in Internet Explorer – all the way back to IE6!
Of course, I couldn’t wait to try it out.
And it didn’t work.
Fortunately, I found out why:
It only works on positioned elements.
You must specify “position: relative;” or “position: absolute;” on the element that calls the .htc behaviour, and then it works!
CSS3 future is here now.
Thank you so much, Jason Johnston of 327 Creative LLC, for sharing this little goodie with the world!