title: CSS position:absolute + dynamic height
body: <p>I have 4 <code>&lt;div&gt;</code> tags one after the other, all in <code>position:absolute</code> and I align them using <code>top</code> and <code>left</code>.</p>
  
  <p>The 3rd div tag contains dynamic content and the height of the div changes according to the amount of text in it. However, as I set the <code>top</code> and <code>left</code> of all divs, the 4th div is affected by the height of the 3rd dynamic div.</p>
  
  <p>How can I solve this?</p>
  
  <p><a href="http://jsfiddle.net/25Xrh/" rel="noreferrer">http://jsfiddle.net/25Xrh/</a></p>