Существует множество способов закругления углов. Этот способ подходит только для браузеров Firefox 3 и Safari. 

#example {

     background: #eee;

     border: 1px solid #ccc;

     padding: 15px;

     -moz-border-radius: 10px; /* для Firefox */

     -webkit-border-radius: 10px; /* для Safari */

}

Собственно все Вот как это выглядит, если вы, конено, пользуетесь перечисленными выше вариантами.

В примере CSS я закругляю все углы, но естественно можно и изменять радиус конкретных углов.

• -moz-border-radius-topleft и -webkit-border-top-left-radius


• -moz-border-radius-topright и -webkit-border-top-right-radius


• -moz-border-radius-bottomleft и -webkit-border-bottom-left-radius


• -moz-border-radius-bottomright и -webkit-border-bottom-right-radius