Textarea для точного заполнения родительского контейнера с заполнением

Я хочу, чтобы полностью заполнял родительский контейнер абсолютного размера с заполнением в текстовом поле. У меня это работает для Chrome, используя следующий код:

hello stack overflow world

/* Color and border CSS omitted for simplicity */
#wrap    { position:absolute; top:10%; left:20%; right:30%; bottom:60%      }
textarea { position:absolute; top:0; left:0; right:0; bottom:0; padding:1em }

К сожалению, Firefox (v5) неправильно обрабатывает правое / нижнее положение, давая следующие результаты:

Вот скрипт, показывающий проблему в действии: http : //jsfiddle.net/ZEhwR/

Как я могу достичь результата, указанного в первом предложении, в Chrome и FF (а также в идеале IE9)?