Salve ragazzi,
volevo sottoporvi un mio problema. Vorrei creare un box ad angoli arrotondati e per far questo utilizzo 8 immagini





















ed il codice è il seguente

<QUOTE>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Prov Rounded Corner</title>

<style type="text/css">


.t { background: url(top_center.png) 0 0 repeat-x; width: 20em; }
.b {background: url(bottom_center.png) 0 100% repeat-x; }
.l {background: url(left.png) 0 0 repeat-y; }
.r {background: url(right.png) 100% 0 repeat-y; }
.bl {background: url(bl.png) 0 100% no-repeat; }
.br {background: url(br.png) 100% 100% no-repeat; }
.tl {background: url(tl.png) 0 0 no-repeat; }
.tr {background: url(tr.png) 100% 0 no-repeat; padding:10px; }


</style>


</head>

<body>

<div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr">
<div>Lorem ipsum dolor sit amet consectetur adipisicing elit</div>
</div></div></div></div></div></div></div></div>


</body>

</html>

</QUOTE>

Il risultato però non è quello che speravo. Difatti come si può vedere dall'ultima immagine. In realtà c'è una sovrapposizione dei bordi. Come posso risolvere? Vi ringrazio anticipatamente per la risposta. Ciao............