How do I get my div to be a minium height of browser window but able to grow aswell
<p>Im using this slip of jQuery that detects the height of the browser window and sets the height of a div the same height but I'm having a problem. My problem is that the div ONLY goes as far as the height of the browsers window but no longer. I need the div to be a minimum height of the browser window but be able to contiue longer if it needs to </p>

<p>FYI I am a jQuery noob  :P</p>

<p>Currently this is what the problem looks like:
<a href="http://d.pr/i/OQyp" rel="nofollow">http://d.pr/i/OQyp</a></p>

<p>This is the code:</p>

<pre><code>$(function(){
    $('.projects-about') .css({'height': (($(window).height()))+'px'});
    $(window).resize(function(){
        $('.projects-about') .css({'height': (($(window).height()))+'px'});
    });
});
</code></pre>
