title: Div not positioned below absolute div
body: <p>I have the following code at <a href="http://jsfiddle.net/qPtXL/" rel="nofollow">http://jsfiddle.net/qPtXL/</a></p>
  
  <p>As you can see the problem is the <code>#footer</code> does not sit below the <code>#contents</code> if the <code>.body</code> text is not longer than the <code>.sidebar</code>. The <code>.sidebar</code> is absolute positioned and the <code>.body</code> has a margin left so I don't use any floats to keep the <code>.body</code> width variable.</p>
  
  <p>Does anyone have a suggestion as to how I can make the <code>#footer</code> sit below the <code>#contents</code> if this situation?</p>