title: How to make a DIV with variable height push down content coming after?
body: <p>DIV1 (relative positioning) has a variable number of other DIVS (absolute positioning) inside of it. The quantity of these absolute divs depends on how many items are retrieved out of a database. Therefore I cannot specify a height for DIV1. As a result, content after DIV1 (such as table 'section2' end up beneath the divs. </p>
  
  <p>Is there a simple way to make DIV1 push down any content coming after. Thx.</p>
  
  <pre><code>&lt;div id='DIV1' style='position:relative;'&gt;
    &lt;div style='position:absolute;top:0px;left:0px;width:285px;height:74px;'&gt;
    ....
  &lt;/div&gt;
  
  &lt;table id='SECTION2'&gt;
  &lt;tr&gt;
  &lt;td&gt;ITEM A&lt;/td&gt;
  &lt;td&gt;ITEM B&lt;/td&gt;
  &lt;td&gt;ITEM C&lt;/td&gt;
  &lt;td&gt;ITEM D&lt;/td&gt;
  &lt;/tr&gt;
  ...
  &lt;/table&gt;
  </code></pre>