Since Internet Explorer came with fairly good support for css 3, some things became a lot easier, like rounded corners and shadow on html elements. To round the corners of an element in css 3 you can do:

# myItem {border-radius: 5px;}

You can also have individual circle at the corners by doing:

# myItem {border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

This works in all recent versions of Firefox, Opera, Safari, Chrome and Internet Explorer 9. If you require a solution that works in all browsers being used, you are unfortunately not able to take advantage of this method, since Microsoft has not released nor has any plans to release Internet Explorer 9 for Windows XP, something that leaves a rather large user group with the old square boxes. The easiest solution is to get xp users to adopt a more modern browser like Chrome, Opera or Firefox.