Impostare larghezza textarea in un div

[cepu96]

Salve a tutti,
Il mio problema è semplice ma non ho idea di come risolverlo.
Questo è il codice HTML che uso:

<div class="newtext">
<textarea>Scrivi qui...</textarea>
</div>

Questo il CSS:

.newtext {border: 2px solid black;}
.newtext textarea{width: 100%; display: block;}

Ora con qualsiasi browser che ho provato, la larghezza della textarea viene impostata uguale a quella del div contenitore, ma in questo modo mi sfora di 4px fuori (a causa del bordo del div)
Se non imposto width a 100%, la textarea diventa piccola e infognata in un angolo del div.

Come posso fare?

P.S: In quirksmode, tutti i browser mi visualizzano correttamente la textarea che occupa tutto il div senza sforare

[Mich_]

Non mi torna ...
Il 100% si riferisce allo spazio del contenitore a disposizione.

Pero` nel tuo codice manca la dimensione del contenitore, per cui il 100% si riferisce ad un valore non definito.
Metti una dimensione al tuo blocco .newtext .
Se la metti in % controlla che il relativo contenitore abbia dimensione definita.

[cepu96]

Risolto con questa regola

box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;