.height() only making DIV scrollable after window resize
<p>The intent of this script is to make a DIV that is 100% of the page height minus the top section.</p>

<p>Here's the page:</p>

<p><a href="http://nerdi.net/playground/kev/indexNEW.html" rel="nofollow">http://nerdi.net/playground/kev/indexNEW.html</a></p>

<p>Here it is stripped down on jsFiddle, where it appears to be working. </p>

<p><a href="http://jsfiddle.net/JVKbR/94/" rel="nofollow">http://jsfiddle.net/JVKbR/94/</a></p>

<p>For me, (on Chrome and FF) the scrollable div (.mid-col-main) only becomes scrollable upon resizing the window (Maximize, drag from corner, etc)</p>

<p>Any idea what I'm doing wrong?</p>

<p><strong>EDIT: Jasper and Davin's solution both work. Thank you.</strong></p>
