modificare angoli area di selezione

[uforobic]

ciao a tutti,

premetto che non sono un esperto di css quindi seppur banale la mia domanda ha assolutamente bisogno di una risposta!!!

vorrei modificare un modulo menù installato su un sito realizzato con CMS dotnetnuke, di seguito vi riporto la parte del foglio css interessata e un'immagine illustrativa che potrebbe aiutavi a comprendere...

.navigation .head-wrapper a.head {
cursorointer;
background:#ADD8E6;
display:block;
font-weight:normal;
margin:0px;
padding:0px;
text-decoration: none;
font-family:Arial;
font-size:10pt;
color:#003300;
/*height:20px;
$height:26px;*/
line-height:15px;
width:190px;
height:32px;
margin-left:10px;
/*padding-top:6px;*/
text-indent:4px;
overflow:hidden;
}

le modifiche che vorrei apportare sono le seguenti:

trasformare l'area di selezione in modo tale che non sia più colorata all'interno e che abbia gli angoli arrotondati anzichè spigolosi...

spero di essere stato chiaro.. per comodità ho inserito solo la parte di css relativa alla selezione ma se avete bisogno di tutto il file ditemi pure così come se avete bisogno di altre info!!

grazie in anticipo!

[uforobic]

ho letto alcuni forum e non vedendo risposte aggiungo altre info che penso possono aiutarvi...

la selezione celeste che potete vedere nell'immagine allegata non è un immagine, in quanto ho spulciato le cartelle che compongono questo modulo e non ho trovato immagini del genere...

[Plopper]

Per gli angoli usa il border radius invece per levare il colore del div
togli background:#ADD8E6; fammi sapere

[uforobic]

grazie per la risposta plopper.. ma saresti così gentile da scrivermi la stringa e dirmi dove inserirla???

[Plopper]

Aggiungila nel div:

border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border-top-right-radius: 30px;
border-top-left-radius: 30px;

Modifica i valori come vuoi e togli il codice del background