title: relative positioning with percentage values in top property
body: <p><a href="http://jsfiddle.net/Xsf5B/2/" rel="nofollow">jsfiddle</a></p>
  
  <p>The above snippet renders the way I intend it in Chrome (v.20).
  However in Firefox 11 and IE 9 the 2nd and 3rd content divs do not appear to take into account top and left CSS values.</p>
  
  <p>What is the correct method of relative positioning with percentage widths?</p>