Javascript for round-corner image that doesn't work on Chrome
<p>I have a javascript that works fine in IE9 and Firefox, but not in Chrome. I'd like some advice to fix this issue.</p>

<p>I'm trying a cool trick to round the corner of images that I learned from <a href="http://www.bram.us/sandbox/roundedcorners/" rel="nofollow">http://www.bram.us/sandbox/roundedcorners/</a>. I updated my css and included the javascript as in the above site, but actually all images disappear on Chrome while the other two browsers renders the rounded corners as intended.</p>

<p>I know this script works on Chrome as well, since <a href="http://www.bram.us/sandbox/roundedcorners/" rel="nofollow">http://www.bram.us/sandbox/roundedcorners/</a> works fine on Chrome.</p>

<p>Here is the javascript.</p>

<pre><code>jQuery(function($) {
    $('img').wrap(function() {
        return '&lt;span style="background-image:url(' + $(this).attr('src') + '); height: '+ $(this).height() + 'px; width: '+ $(this).width() + 'px;" class="rounded" /&gt;';
    });
});
</code></pre>

<p>Thanks in advance!!</p>
