title: clearing float height
body: <p><a href="http://jsfiddle.net/yN2Ky/2/show/" rel="nofollow noreferrer">http://jsfiddle.net/yN2Ky/2/show/</a></p>
  
  <p>form page: <a href="http://jsfiddle.net/wbRBj/2/" rel="nofollow noreferrer">http://jsfiddle.net/wbRBj/2/</a></p>
  
  <p>The problem is that content of <code>mainarea</code> changes on the fly so <code>overflow:hidden;</code> on that <code>contentarea</code> doesn't work.</p>
  
  <p>I want...</p>
  
  <p><code>sidebar.height=max(mainarea.height,sidebar.height)=contentarea.height=mainarea.height</code></p>
  
  <p>Any suggestions? </p>
  
  <p>Tip: try to search with keyword "Εξεταστική".</p>
  
  <p>The code above works fine for pages that haven't change mainarea/sidebar content (and height of them) on the fly...</p>
  
  <p><img src="https://i.stack.imgur.com/DQTf3.png" alt="googlecss"></p>
  
  <p>It seem's that google make clear into cse div, but somehow, this properties are disabled
  **image from ie F12 mode</p>