title: Strange div height error: webkit or jQuery bug?
body: <p>I have a simple web page application that has two floated content divs side by side.. </p>
  
  <p>A little piece of jquery sets the height of these divs by looking at the height of the parent div and doing a simple calculation</p>
  
  <p>This approach works great in Firefox and IE..  and it also works the first time in Safari and Chrome... </p>
  
  <p>But when the page is reloaded in Safari or Chrome.. the right and lefts div's magically increase their height by about 200px for no reason.</p>
  
  <p>Do a hard refresh.. and the div heights go back to normal</p>
  
  <p>Please advise!  this is very strange  - </p>
  
  <pre><code>&lt;div class="holder1"  &gt; 
  
  &lt;!--      LEFT HAND BOX     --&gt; 
  
  &lt;div id="left-box" class="half left"&gt; 
  &lt;div class="info-box"&gt;  
  &lt;h2&gt;Left Hand Content&lt;/h2&gt;  
  
  
   ------------- Left content here----------------------
  
  &lt;/div&gt;  
  &lt;/div&gt; 
  
  &lt;!--      RIGHT HAND BOX     --&gt;
  
  &lt;div id="right-box" class="half right" &gt;
  &lt;div class="info-box"&gt;  
  &lt;h2&gt;Right Hand Content&lt;/h2&gt; 
  
   -------------Right content here----------------------      
  
  &lt;/div&gt;      
  &lt;/div&gt; 
  
  &lt;div class="clearfix"&gt;&lt;/div&gt;    
  &lt;/div&gt; 
  
  &lt;!--    END RIGHT and LEFT BOXES    --&gt;
  
  &lt;div&gt;   more content here  &lt;/div&gt;
  
       &lt;script language="javascript"&gt; 
              var new_height =  $('#left-box').closest('.holder1').height() -25;
              $('#right-box').find('.info-box').height(new_height);
          $('#left-box').find('.info-box').height(new_height);
  
      &lt;/script&gt; 
  </code></pre>