title: height() not returning correct height on element
body: <p>I am trying to fix overflowing floating content by adjusting the box height to the overflowed content height but it doesn't seem to be doing the trick. </p>
  
  <pre><code>            if ( $('.content-right').outerHeight() &gt; $('.content-right').parent().parent().height() ) {
                  $('.content-right').parent().parent().height($('.content-right').outerHeight(true));
              }
              console.log('Box Height: ' + $('.content-right').parent().parent().height());
              console.log('Content Height: ' + $('.content-right').height() );
  </code></pre>
  
  <p>This will output</p>
  
  <pre><code>Box Height: 599
  Content Height: 594 
  </code></pre>
  
  <p>Which is incorrect as the div is clearly a lot larger in the example below. Any ideas? </p>
  
  <p><img src="https://i.imgur.com/tvdo0Hm.png" alt="Problem Area">
  Problem area in image form: <a href="http://prntscr.com/4p1obb" rel="nofollow noreferrer">http://prntscr.com/4p1obb</a></p>