Ora muito bem, vou-vos mostrar um pequeno truque (que por sinal até é bastante usado no layout deste site) para criarem facilmente cantos arredondados com estilo usando umas quantas linhas de CSS. Tenham em atenção que actualmente isto apenas irá ser visualizado por quem use Firefox 3+

Para criar os nossos Rounded Corners vamos usar a tag -moz-border-radius- desta maneira:

[cc lang="css"]

#navbar {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#080808 repeat scroll 0 0;
padding: 5px;
width:220px;
}

[/cc]

É facil de entender: -moz-border-radius-bottomleft diz respeito ao canto inferior esquerdo; -moz-border-radius-topleft ao canto superior esquerdo and so on. 5px será a amplitude do arredondamento.