This jQuery code only works in IE - how to make it compatible with all browsers?

Question

How do I make this code work in all browsers?

<script>
var $j = jQuery.noConflict();

$j(document).ready(function(){
    if ($j.browser.msie) {
        $j('.round').append('<div class="tl"></div><div class="tr"></div><div class="bl"></div><div class="br"></div>');
    }
});
</script>

Answer 1

Unless I'm missing something, just take out your if:

var $j = jQuery.noConflict();

$j(document).ready(function(){
  $j('.round').append('<div class="tl"></div><div class="tr"></div><div class="bl"></div><div class="br"></div>');
});

Now that if was probably there for a reason, maybe some IE specific CSS hackery going on? In that case it's a CSS issue, not a JavaScript one outside of this. Something like the jQuery corners plugin may be what you're ultimately after. Other/newer browsers support rounded corners natively, this is mainly an IE fix.