title: Textarea height/width in jQuery UI dialog
body: <p>I have a jQuery dialog that pops up and allows the user to send a confirmation email. I have some text, and then a text area. The dialog is expandable and I want the text area to fill up the entire area of the dialog, EXCEPT the 50px or so of height I need at the top to display the text.</p>
  
  <p>Setting the textarea height to 100% correctly allows the textarea to expand/contract with the change in size of the dialog. However, it does not give space at the top for the text.</p>
  
  <p>How do i get the textarea to fill the entire area of the dialog (height and width) EXCEPT the first 50px of height in which my text will reside.</p>
  
  <p>Thanks.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="dialog-message-email" title="Send Email"&gt;
  
      &lt;p style="height:50px"&gt;
          &lt;span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"&gt;&lt;/span&gt;
          Confirmation Email to be sent to user.
      &lt;/p&gt;
      &lt;div&gt;
      &lt;textarea id="ConfirmEmailText" class="ui-corner-all ui-widget-content" style="height:100%;padding:5px; font-family:Sans-serif; font-size:1.2em;"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>