FirefoxやSafariなどはCSS3のborder-radiusで角丸を実現できますが、IEは対応しておりません。
というわけでborder-radius.htcなるものを使ってみたのですが・・・動かない。。。
ダウンロード先
-moz-border-radius: 32px;//for Firefox -webkit-border-radius: 32px;//for Safari and chrome border-radius: 32px;//CSS3 behavior: url(border-radius.htc);//for IE
で動くはずなんだけど、なんぼやっても動きません。
デモでは動くんだけど。
怪しいのはz-index辺りか、ボックスをフロートさせてるせいか。
もうちょっと調べてみます。
てかIE消えてくれ。
追記:動きました 😛