title: jQuery .height() problem with chrome
body: <p>I've been using jQuery Height function. But there was a problem in getting the correct height of my <code>div</code> element. This <code>div</code> element's height is set to <code>auto</code>, which means the <code>div</code>'s height depends only on the elements inside of it. When I tried using the <code>.height()</code> in my page, I got the following result:</p>
  
  <pre><code>Chrome: 1276 px
  Firefox: 1424 px
  </code></pre>
  
  <p>But when you see them both they have equal height. The only thing is that the <code>height()</code> function returns different result.</p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;div class="single-mid" style="position:relative;width:700px;margin:-1px 0 0 1px;padding-right:56px;"&gt;
      &lt;div&gt;Sample Inside Element&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
       var less_height = $('.single-mid').height() -10;
       $('.single-mid').height(less_height);
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>But I tried to set the div's height into 1424px. Both browser return the same result.</p>
  
  <p>Any ideas? Thanks in advance.</p>