title: Expand parent div height to childs
body: <p>I have a problem with <strong>footer</strong> positioning. It doesn't go to the <code>bottom/last</code>.</p>
  
  <p>So, I have a <strong>container div</strong> which has <strong>3 divs</strong> - <code>float:right</code> , <code>float:left</code> and the <strong>center</strong> one (which has <code>position:absolute</code>) that comes between the <em>two floated</em> divs.</p>
  
  <p>The <strong>center</strong> one must have <strong>fixed width and height</strong> because it's an image.</p>
  
  <p>In that <strong>center</strong> div I have another div with a <em>lot of content</em>.</p>
  
  <p>The problem is, because the <strong>center div has fixed width and height</strong>, it doesn't take the <strong>childs div height</strong>.</p>
  
  <p>So my problem is how to put the <strong>footer</strong> that it comes last (after the <strong>container</strong>)?</p>
  
  <p><strong>Note</strong> - with JQuery I put the width of the <strong>floated divs</strong> because they take <strong>100%-980px</strong> width.</p>
  
  <p><a href="http://jsfiddle.net/ah3nr/5/" rel="nofollow">This is how it looks like</a>.</p>
  
  <p>I tried putting to the <strong>center div</strong> <code>overflow:auto</code>,<code>overflow:overlay</code>,<code>margin-left:auto;margin-right:auto;</code>.</p>