Ciao a tutti,
sto utilizzando questo CSS per la creazione di un div stile "riquadro" con i bordi smussati.

<style type="text/css">
.curvy {position:relative; width:190px; background:#fff; color:#000; margin:1em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#9caf9c; background:#009999; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#fff; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:5px 10px;}
</style>
E funziona tutto bene, fino a quando abilito l'overflow, inserendo "auto". (ovvero la barra laterale di scorrimento.
La barra infatti non si vede e viene modificato in alto ed in basso la definizioe dei bordi smussati.

Sapete perchè e nel caso avete alternative?

Grazie per qualsiasi consiglio.
Ciao