title: Resize parent div to fit child div
body: <p>This may be a long shot to do without using JavaScript...</p>
  
  <p>If I have the following (stripped out code for the problem)</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="content"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>#container {
      position: relative;
  }
  
  #content {
      position: absolute;
  }
  </code></pre>
  
  <p>The content box contains dynamic content so a fixed height cannot be used.</p>
  
  <p>Position absolute has to be used on the content div as its using jQuery UI stuff...</p>
  
  <p>How would I get the container box to resize its height to fit the content?</p>
  
  <p>I understand this is probably impossible without using some sort of JavaScript, as placing a div positioned absolute takes it out of the flow etc etc, but just wondered if anyone knew of some sort of work around?</p>
  
  <p>Thanks!</p>