Can't get the actual height of a div using jquery
<p>I need to get the actual of height of a div, but all of the jquery functions below produce the same value which is shorter than the actual height by about 10 pixels. I confirmed the actual height using a screen capture and measuring it in photoshop.</p>

<p>What method(s) are needed to get the correct height?</p>

<pre><code>alert($("#content-container").outerHeight(true));
alert($("#content-container").outerHeight());
alert($("#content-container").height());

#content-container {
width: 970px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
height: auto;
min-height: 550px;
}

&lt;body&gt;
&lt;div id="content-container"&gt;Content&lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p>There is content in the div but too much to post here. I want the total height of the container such that if I applied a border to it you could measure from the top edge of the border to the bottom edge of the border. Right now the height I'm getting is 10 pixel less than that measurement.</p>
