Problema con i border-radius

http://i26.tinypic.com/j13711.png

Qui sopra c'é lo screen del mio problema: praticamente, avrei aggiunto al css due codici per poter fare il bordo inferiore del sito arrotondato. Su Firefox si vede tutto perfettamente, mentre su browser che utilizzano WebKit (Chrome, Safari) il bordo si interrompe stranamente a metà. Questo è il codice css:

Codice:

---

div#container {
        position: relative;
        width: 100%;
        background: #fff;
        overflow: hidden;
        margin-top: 0;
        border-bottom: 19px solid #c1d8f1;
        -moz-border-radius-bottomright: 15px;
        -webkit-border-bottom-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -webkit-border-bottom-left-radius: 15px;
}

---

Se potete aiutarmi...:crycry:Grazie in anticipo.:wink:

questo è per il modo differente di interpretare la fine di un bordo e l'inizio dell'altro (bordo laterale e basso), ti conviene usare un div invece che un bordo largo...

ti crei un div con altezza del bordo, dai a quello un colore di background e il border radius sui due angoli bassi.
se non ti torna qualcosa fammi sapere... ciao.

alla fine abbiamo risolto togliendo il bordo blu in fondo, l'abbiamo lasciato bianco e non da problemi con Webkit :) Grazie per la risposta.