I modified your fiddle here: http://jsfiddle.net/Y2ZGR/3/
HTML:
<div class="image-holder">
<img src="http://data1.whicdn.com/images/33153622/original.jpg" />
</div>
CSS:
img, .image-holder {
width: 200px;
height: 200px;
}
img {
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-khtml-border-radius: 100px;
}
.image-holder {
border: 5px solid #DDD;
border-radius: 110px;
-webkit-border-radius: 110px;
-moz-border-radius: 110px;
-khtml-border-radius: 110px;
box-shadow: 0 7px 10px #CCC;
-moz-box-shadow: 0 7px 10px #CCC;
-webkit-box-shadow: 0 7px 10px #CCC;
background-color: rgb(204,204,204); /* Needed for IEs */
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
zoom: 1;
}