Используйте свойство CSS border-radius для создания скругленных границ:
-moz-border-radius: 5px; /* Firefox 3.6-, removed in Firefox 13 */
-webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
border-radius: 5px; /* Firefox 4+, Safari 5+, Chrome 4+, Opera 10.5+, IE9+ */
Вы можете не указывать префиксы, поскольку Firefox 3.6 или старые браузеры Webkit практически исчезли.
Хотя этоможно получить закругленные углы в OldIE (IE8-), используя divs + images или PIE.htc , я рекомендую против этого: PIE не очень надежен, и добавление нескольких хаков HTML просто для того, чтобы заставить что-то работать в старомИП - это отходы.
См. Также: MDN: border-radius.