title: Change height of parent div based on height of child div with absolute position
body: <p>I have a simple slideshow I use to flip through advertisements for a community site. I'm new to jquery so I'm not sure how to change the height of the parent div based on the child div that the jquery pulls next. See the below jsfiddle for my code.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="slideshow" id="ads_slideshow"&gt;
    &lt;div id="slide1" class="slide"&gt;
      &lt;p&gt;Test Advertisement&lt;/p&gt;
      &lt;p&gt;Just testing advertisements&lt;/p&gt;
    &lt;/div&gt;
    &lt;div id="slide2" class="slide"&gt;
      &lt;p&gt;Test Ad 3&lt;/p&gt;
      &lt;p&gt;One more test ad, just for clarity.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.slideshow{ position: relative; border: 1px solid #000; }
  #slide1, #slide2{ position: absolute; }
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>$(function () {
      $('.slideshow div').hide();
      $('.slideshow div:first-child').show();
      setInterval(function () {
          $('.slideshow div:first-child').fadeOut(500)
              .next('div').fadeIn(500)
              .end().appendTo('.slideshow');
      },
      2000);
  });
  </code></pre>
  
  <p>Jsfiddle: <a href="http://jsfiddle.net/us3m9/4/" rel="nofollow">http://jsfiddle.net/us3m9/4/</a></p>