title: CSS absolute positioned div heights
body: <p>I have  the following structure of my HTML document:</p>
  
  <pre><code>&lt;div id="slideshow"&gt;&lt;/div&gt;
  &lt;div id="content"&gt;&lt;/div&gt;
  
  $('#slideshow').css({
     'height' : $('#content').innerHeight()+'px'
  })
  </code></pre>
  
  <p>The <strong>#slideshow</strong> div is positioned absolute with a lower z-index and the <strong>#content</strong> div is positioned relatively with height set to auto.</p>
  
  <p>Question: How do I ensure that the height of slideshow is also set to auto and according tho the height of the content?</p>
  
  <p>I even tried jQuery <code>.innerheight()</code> property with no luck.</p>