jQuery Rounded Corners

You may notice that I am using round corners on my navigation and sidebar. I am not dealing with images or anything else to have round corners on my blocks so what I'm using? I'm using jQuery corner.

It is working pretty well on FF3, Chrome, Opera 10 and IE 8. I haven't checked if it works with IE6, IE7 and Safari.

So how you are going to use this amazing tool? It's very simple. For example you have created a div with a class "round-corner". All you have to do is using corner() function that comes with this plugin like the following:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".round-corner").corner("5px");
});
</script>

And the result is like you see on my sidebar :)