jQuery Opera 50% border-radius for images

gistfile1

<div class="content"><img src="http://placehold.it/250x250" /></div>

<style type="text/css">
img {
    border-radius: 50%;
}
.o-border-radius {
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.o-border-radius img { display: none;}
</style>

<script style="text/javascript">
$(function  () {
    if ($.browser.opera) {
        $(".content img").each(function () {
            if ( $(this).css("border-radius") == "50%" ) {    
                $(this).wrap('<div class="o-border-radius" style="background: url('+   $(this).attr("src")  + ') 0 0 no-repeat; width: ' + $(this).width() +'px; height: ' + $(this).height() + 'px;"></div>');
            }
        })          
    }         

});
</script>