Мое текстовое поле не растягивается 100% высота

Question

Хорошо, поэтому я использую JQuery-ui, изменяемый по размеру, поэтому пользователь может его контролировать.
Проблема, с которой я столкнулся, заключается в нижней части текстовой области, которая не расширяется до 100% высоты.
В конечном счете, textarea будет контролироваться библиотекой codemirror.
В моей скрипке я не включил ничего с зеркалом кода, чтобы это было просто.
Я думаю, что тег формы имеет какое-то отношение к нему, поскольку это элемент блока.

<form> 
    <div class="wrapper"> 
     <div id='ilo'> 
      <div id='iloWrapper'></div> 
      <div id='handle' class="ui-resizable-handle ui-resizable-s"></div> 
     </div> 
     <div id="editor"> 
      <div class="edit-tool-bar"></div> 
      <div class="editor-window"> 
       <textarea id="tArea"></textarea> 
      </div> 
     </div> 
    </div> 
</form> 

jsfiddle

[UPDATE]
Вот новая скрипка на основе ответа от audre7.
Как вы можете видеть Текстовая область 100%, но она хорошо расширяется и в нижней части страницы.
Все, что я хочу, это 2 секции по одному верхнему и одному дну.
В нижней части будет два элемента, верхний элемент не будет прокручиваться, но будет липким в верхней части нижней части.
Textarea займет оставшуюся часть комнаты в нижней части, и она сможет прокручиваться по вертикали.

Answer 1

Вы должны поместить контейнер текстового поля в положение абсолютное, и оно, похоже, работает так, как вы хотите.

.editor-window{ 
position:absolute; 
}