角丸をIEブラウザにも反映

角丸をIE6~8で反映させたい場合の処置。

まずは下記のサイトの左上にある「Download」をクリックして「ie-css.htc」をダウンロード。
CSS3 support for Internet Explorer 6, 7, and 8

このhtcファイルを角丸を反映させたいHTMLと同じ階層にアップし、CSSには以下のように記述。

div.box {
	border:1px solid #000;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	behavior: url(ie-css3.htc);
}

IE6-8でもちゃんと角丸が反映されている。

注意点

角丸を反映させた範囲内でさらに角丸を反映させようとしてもうまく表示できなかったり変なバグが起きたりする。
その場合は

div.box {
	position:relative;
	zoom: 1;
}

というように元のボックスにzoomを指定すると大丈夫っぽい。