title: DIV not expanding when dynamic content is added with jQuery
body: <p>I have a div with the following CSS:</p>
  
  <pre><code>#feedback {
    min-height: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    display: none;
  }
  </code></pre>
  
  <p>Then I add some content using <code>jQuery</code>.</p>
  
  <pre><code>jQuery('.feedback_text').html(feedback.message);
  jQuery('.feedback_icon').addClass(feedback.type);
  jQuery('#feedback').fadeIn('normal', function() {
    jQuery(this).height('100%');
  });
  </code></pre>
  
  <p>The problem is that when I have more than one line of text, the DIV does not expand.</p>
  
  <p>I've tried using <code>$('.feedback_text').height()</code>, but it only gives me the height specified in the CSS (24px) and not the height after dynamic content was added.</p>
  
  <p>Any suggestions anyone?</p>