angoli arrotondati box css

[Fidelio-565]

Buongiorno a tutti

qualcuno potrebbe darmi una mano a risolvere questo problemino?

Il mio obiettivo è questo:
ho un box;
quando ci passo col mouse sopra, vorrei che apparisse con i due angoli alla sua sinistra arrotondati e quelli a destra ad angolo retto.

sto provando questo codice ma non mi da risultati

.sinistra li a:hover{
color: #FFF;
background-image: url(/img/select.png);
background-repeat: repeat-x;
background-position: left center;
border-radius: 10px 0px 10px 0px;
}

grazie

[Plopper]

Prova cosi:

border-bottom-left-radius: 10px;
border-bottom-right-radius: 0px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;

[Fidelio-565]

niente non funziona.

nessun angolo arrotondato.

sto usando ie9 ma vorrei una soluzione crossbrowser

[Fidelio-565]

Ragazzi sto cercando di fare questo:
ho un menu composto da due voci
(immaginate un rettandolo diviso in due (i due div che contengono le voci di menu) ma i due angoli a sx sono arrotondati)

quando passo col mouse sul secondo div lo sfondo cambia colore

.menu li a:hover{
color: #FFF;
background-image: url(/img/select.png); /*immagine per colorare sfondo*/
background-repeat: repeat-x;
background-position: left center;
}

ma quando passo con il mouse sul primo div vorrei che lo sfondo invece di cambiare colore, mostrasse un'immagine

<div id="dd" class="menu">
<ul>[*]<a href="/index.html"><span>AAAAA</span>
BBBBB</a>[*]<a href="/index2.html"><span>CCCC</span>
DDDD</a>[/list]
</div>

Potete darmi una mano