title: JQuery .height(x) is doubled in IE8?
body: <p>I have a series of Divs in a wrapper, and I need to equalize the height of the two columns. We are using a simple jQuery plugin to do this, which fires the following function:</p>
  
  <pre><code>//find heights of all children, and find the tallest
  this.each(function() {
      if ($(this).height() &gt; tallest) {
          tallest = $(this).height();
      }
  });
  if ((maxHeight) &amp;&amp; tallest &gt; maxHeight) tallest = maxHeight;
  //assign the tallest height to all child elements
  return this.each(function() {
      console.log('tallest: ' + tallest);
      $(this).height(tallest).css("overflow", "visible");
  });
  </code></pre>
  
  <p><code>console.log</code> is showing a height of 2131px in IE8, however, the target div is being given a height of 4262 px (exactly double?). I stepped through the code, and I see that <code>.height(tallest)</code> is being executed with the proper value, but somehow IE8 <strong>and only IE8</strong> is giving it double height.</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>So far I have tried <code>.height(2131)</code> <code>.height('2131px')</code> <code>.css("height","2131px")</code>, and <code>.css('min-height', "2131px")</code>. All with the same effect. Coming up with a use case might be a bit difficult as this is a big, "enterprisey" system, but I'll see if I can replicate it...</p>