IE6/7/8をCSS3対応にするジェネレーター

下記のプロパティが可能です。他のプロパティへの対応も開発中みたいです。

border-radius (角丸)
box-shadow (ドロップシャドウ)
border-image (ボーダーにイメージ画像)
multiple background images (背景画像を複数表示)
linear-gradient (グラデーション背景)

IE6まで確認済みです。

▼完成URL
http://jewelcafe.main.jp/0830/01.html

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>cssジェネレーター</title>
<style>
#tesut01 {
border: 1px solid #696;
padding: 60px 0;
text-align: center; 
width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 3px 2px 5px;
-moz-box-shadow: #666 3px 2px 5px;
box-shadow: #666 3px 2px 5px;
background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#3391EE));
background: -webkit-linear-gradient(#FFFFFF, #3391EE);
background: -moz-linear-gradient(#FFFFFF, #3391EE);
background: -ms-linear-gradient(#FFFFFF, #3391EE);
background: -o-linear-gradient(#FFFFFF, #3391EE);
background: linear-gradient(#FFFFFF, #3391EE);
-pie-background: linear-gradient(#FFFFFF, #3391EE);
behavior: url(PIE.htc);
}
</style>
</head>
<body>
<div id="tesut01">
<p>soratomo</p>
</div>
</body>
</html>