PIE.htcを使って、css3のデコレーションをIEに対応させたボタン

IE向けcss3デコレーション 1

IE向けcss3デコレーション2

IE向けcss3デコレーション3

IEが対応できないborder-radius（角丸）、box-shadow（シャドウ）、linear-gradient（グラデーション）をbehavior: url(PIE.htc);で対応させています。

border-radiusは7px、box-shadowは#666 2px 3px 4px、linear-gradientは#EEFF99から#66EE33（１、２）、#F1A7FBから#452AE5（３）。

widthで幅、paddingで高さを変更可能。

[追記] IE9は、PIE.htcに対応していない模様。IE9自身のcss3対応でレンダリングしますが、PIE.htcを使ったIE8よりも汚くなります。さらにドキュメント宣言に<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">などを使うと後位互換になり、さらに汚くなります。