Sempre foi muito trabalhoso fazer cantos arredondados e as soluções são diversas.

Entre minhas buscas encontrei soluções com javaScript, que não me agradaram muito, mas agora com o CSS3 finalmente encontrei algo que em breve será solução definitiva para este problema.

Não tem mistério é até muito simples.

Vejamos como isso funciona.

border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

Leia mais detalhes deste assunto no site CSS3 Info.