title: min-height with absolute positioning
body: <p>I have an area on my page #topLeft which has a minimum height set to it.</p>
  
  <p>Within #topLeft I have a section #heroBanners that I wish to anchor to the bottom of #topLeft - using position:absolute; bottom:0;</p>
  
  <p>At first this works fine, however when #topLeft should expand it is not and the heroBanner section simply overlaps the content above it.</p>
  
  <p>I am assuming the problem is called by mixing a min-height with absolute positioned content?</p>
  
  <p>Any ideas how to get round this, code below:</p>
  
  <pre><code>&lt;div id="topLeft"&gt;
  &lt;div class="linksBox"&gt; 
  &lt;ul&gt;
  &lt;li&gt;Item 1&lt;/li&gt;
  &lt;li&gt;Item2 &lt;/li&gt;
  &lt;li&gt;Item 3&lt;/li&gt;
  &lt;li&gt;Item4 &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div id="#heroBanners"&gt;
  
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  #topLeft {margin:0 27px 27px 0;  width:478px; min-height:378px; *height:378px; *margin-bottom:22px; position:relative;}
  
  #heroBanners {bottom:0; position:absolute;}
  </code></pre>