title: jQuery height() problems with Internet Explorer 6
body: <p>I'm using jQuery 1.3.2.</p>
  
  <p>I'm having trouble getting a correct "height" in Internet Explorer 6.  Height values are correct in all other browsers.</p>
  
  <p>I am also using <a href="http://noteslog.com/post/how-to-fix-the-resize-event-in-ie/" rel="nofollow noreferrer">wresize jQuery plugin</a>.</p>
  
  <p>Each time the browser loads, I fire a method that resizes divs, iframes based upon browser dimensions.  (There's a good reason for this.)</p>
  
  <p>The returned value of $('body').height(), in IE 6, seems to add 10 pixels after each resize of the browser.</p>
  
  <p>Anyone else come across something like this?</p>
  
  <pre><code>var iframeH = 0, h = 0, groupH = 0, adjust = 0;
  
  var tableH = $("#" + gridId + "_DXHeaderTable").parent().height();
  var pagerH = $(".dxgvPagerBottomPanel").height();
  var groupHeight = $(".dxgvGroupPanel").height();
  
  if (pagerH == null)
      pagerH = 0;
  
  if (groupHeight != null)
      groupH = groupHeight + pagerH;
  
  iframeH = $('body').height();
  h = (iframeH - (tableH + pagerH + groupH));
  
  $('#' + gridId + "Panel").css("height", (h + "px"));
  $("#" + gridId + "_DXMainTable").parent().css("height", (h + "px"));
  </code></pre>
  
  <p>This code is for setting the height of a DevExpress grid in it's parent container.  Ignore the fact that the code could be better.  :)</p>
  
  <p>Is there something other than "body" that I could use to get me a correct size?  I've tried the window object ($(window).height()), but that doesn't seem to help much.</p>
  
  <p>Any thoughts are appreciated!</p>