redimensionar textarea para caber em um layout de largura de fluido com javascript - javascript, layout, textarea, redimensionável, fluido

Eu tenho um layout fluido e preciso de uma textarea para expandir / reduzir dependendo do tamanho do contêiner pai.

Em CSS seria assim:

textarea{
width: 100%;
}

Mas isso não funciona com áreas de texto.

Como posso fazer isso com javascript? Posso obter a largura do elemento pai e calcular o número de cols para caber nessa largura, mas como sei o tamanho de 1 col (em px)?

Respostas:

verifique isso: http://css-tricks.com/box-sizing/

  textarea {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

É 2014 e width: 100%; agora funciona com textareas nas versões atuais do Chrome, Firefox, IE, Opera e Safari.