Textarea con un ancho del 100%

Lo que tienen los textarea en html que su ancho se mide principalmente por columnas. Es por esto que no es fácil darles un ancho concreto que sea idóneo para todos los navegadores y todas las resoluciones (Y más hoy en día con tantas posibilidades).

Una forma de poder hacerlo, es incluir el textarea en un capa con el ancho deseado, y darle al textarea la propiedad de un width 100%. La forma sería la siguiente:

El css sería así:

textarea.width100{
    width: 100%;
}
div.textareawrapper{
    padding:0px 4px 0px 0px;
} 

Y el código de la página sería así:

Aquí podemos ver un ejemplo:

Lo he probado en Chrome 24.0.1312.57, en Firefox 18.0.2 y en un 'maravilloso' IE 7.