Menu arrotondati con CSS

[guakkione]

Ciao a tutti!
Ho creato, con CSS, un menu con i bordi arrotondati.
L'ho testato con i 2 browser più usati:
con Firefox tutto bene,
con Internet Eplorer c'è un problema nei bordi SN e DX

eccovi i link
HTML:
http://www.picciamico.altervista.org/prova/prova.html
CSS (se non avete voglia di scovarlo dal codice)
http://www.picciamico.altervista.org/prova/prova.css


PER CHI NON HA VOGLIA DI ANALIZZARE IL CSS, ECCO UN RIASSUNTO DI QUEL CHE SERVE
Siccome mi serve che il box non abbia un'altezza definita, ma che si auto-adatti al contenuto, per far allungare anche i due bordi (sn e dx) ho fatto cosi:

/*immagini*/
.sn { background: url(imm/sn.gif) repeat-y; }
.dx { background: url(imm/dx.gif) repeat-y; }
/*fine immagini*/

/*posizioni*/
.sn, .dx { top: 15px; 
bottom: 15px;
width: 15px;
position: absolute; 
}

.sn { left: 0; }
.dx { right: 0px; }
/*fine posizioni*/

Quegli spazi da 15px che ho lasciato liberi sopra e sotto sono per metterci le immagini degli angoli

COME FACCIO??

Grazie in anticipo

 

[lukeonweb]

Prova cosi...

.sn
{
background-image: url(imm/sn.gif);
background-repeat: repeat-y;
}
.dx
{
background-image: url(imm/dx.gif);
background-repeat: repeat-y;
}

 

[guakkione]

re

ma è la stessa cosa solo che il mio è scritto in modo abbreviato!!
cmq ho provato lo stesso, e non cambia niente...

Any idea?