CSSで画像を丸く表示

f:id:peroon:20120814172320p:image

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <title>CSS3</title>
    <style>
        div {
            width: 200px;
            height: 200px;
            padding: 10px;
            margin: 30px;
            background-color:orange;
            border:5px solid orangered;
            border-radius:50%;
        }
    </style>
</head>
<body>
    <div id="test0" style="background-image:url('woman0.jpg')"></div>
    <div id="test1" style="background-image:url('woman1.jpg')"></div>
</body>
</html>