title: adjusting height of div based on internal div
body: <p>I have a set of divs like so:</p>
  
  <pre><code>&lt;div id="textArea"&gt;
      &lt;div id="text"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS properties:</p>
  
  <pre><code>#textArea {
     height: auto !important;
     min-height: 2em;
     overflow: hidden;
  }
  
  #text{
  display: none;
  }
  </code></pre>
  
  <p>I'm filling in the div with the id of <code>"text"</code> with error messages coming back from a POST request using jQuery. The size of the data coming back is not static, but my problem is that the div is not adjusting.</p>
  
  <p>I am basically trying to mimic the Ruby on Rails default flash message that will push divs further down the page with a dynamically adjusted div.</p>