title: css: How to float div according to 2nd div in hierarchy
body: <p>I need this blue div to be next to red div, while yellow div must remain in place.</p>
  
  <p><a href="http://jsfiddle.net/pCGxe/" rel="nofollow">http://jsfiddle.net/pCGxe/</a></p>
  
  <p>How to do this without using something like <code>position:absolute, float:none</code> - etc... nasty hacks?</p>