
Re: behavior: url(PIE.htc) on every rule?
You definitely don't want to apply pie to every element on the page. That will massively slow down your site. The way I started handling it was to create a single rule that applied pie, like this. Then as I code, just add the items that require pie into that one declaration instead of doing it 20 times in my styles.
Code:
.class1, .class2, #id1, #id2 {behavior: url(/PIE.htc); position: relative;}
Then just write your rules as per normal
Code:
.class1 {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
On code that has a special pie attribute, like a background gradient, just include the -pie-background attribute in your regular rule.
Code:
#id1 {background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -moz-linear-gradient(#EEFF99, #66EE33); background: linear-gradient(#EEFF99, #66EE33); -pie-background: linear-gradient(#EEFF99, #66EE33); }