IE-Bug bei Textarea - 1. Lösungsansatz

In diesem Beispiel wird die Textarea in eine Extrabox gesetzt. Die Box hat width: 99%;
Dadurch sind wir erst mal den Effekt der Verbreiterung bei Texteingabe los, leider wird aber fälschlicherweise das margin-left: 25%; der äußeren Box vererbt und die Textarea dadurch verschoben.
In den anderen Browsern wird alles wie gewünscht angezeigt. Durch das Zentrieren der Beschriftung kann man es also ein wenig retuschieren.

Lösungsansatz 2: weiter

Hier noch zwei Screenshots:

Hier die Angaben des CSS:

.box{
   border: 3px solid #000000;
   margin-left: 25%;
   padding: 5px;
   text-align: left;
}
.box2{
   border: 1px solid red;
   width: 99%;
   margin: 0;
   padding: 0;
   text-align: left;
}
textarea{
   height: 10em;
   width: 74%;
}
.box p {
   text-align: center;
   margin-bottom: 2px;
}

Lösungsvorschläge, außer gib ne Breite an, an mich.