title: How to make a multiple line text box fill parent div
body: <p>I'm working on a MVC 3 project and CSS has never been my strong point but I have a page laded out with five div's positioned: container, top left, top right, bottom left, and bottom right. </p>
  
  <p>Within the bottom right div it's child is a multiple line text box that I need to fill the parent div adding padding on the right and bottom. #div-notes is assigned to the id property for the text box I need to stretch, and the parent div is #div-container-optional2.</p>
  
  <p>Can someone help me understand why I can't fill this div with a text box?</p>
  
  <pre><code> #div-container {
       width: fill-available;
       margin: 0 auto;
  
   }
   #div-content1
   {
       width: 50%;
       float: left;
   }
   #div-content2
   {
       width: 50%;
       float: left;
   }
   #div-container-optional1
   {
       clear: both;
       width: 50%;
       float: left;
   }
   #div-container-optional2
   {
       width: 50%;
       float: left;
       margin-top: 38px;
   }
   #div-submit-button
   {
       clear: both;
       float: left;
       margin-top: 5px;  
   }
   #div-notes {
       width: 200px;
       height: 200px;
       position: relative;
   }
  </code></pre>
  
  <p>Code form the view:</p>
  
  <pre><code>&lt;div id="div-container-optional2"&gt;
    &lt;hr /&gt;
    &lt;div class="editor-label"&gt;
       @Html.LabelFor(model =&gt; model.Notes)
    &lt;/div&gt;
    &lt;div id="div-notes" class="editor-field"&gt;
       @Html.EditorFor(model =&gt; model.Notes)
       @Html.ValidationMessageFor(model =&gt; model.Notes)
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="div-submit-button"&gt;
    &lt;input type="submit" value="Create" /&gt;
  &lt;/div&gt;
  </code></pre>