Div set to 100% height won't grow when scrolling
<p>I have a side div menu that is set to height: 100%. It works fine until the page expands and i need to scroll and then the div stays at the original height. I tried: </p>

<pre><code>$(window).resize(function(){
    $menu.css({'bottom':'0px'});
});
</code></pre>

<p>As well as:</p>

<pre><code>$menu.css({'height':'100px'});
</code></pre>

<p>Neither had any affect. The css for the div is </p>

<pre><code>.menu_click{
top: 0px;
right: 0px;
display: none;
position: absolute;
font-size: 16px;
width: 200px;
height: 100%;
text-align: center;
z-index: 2;

}
</code></pre>

<p>In short I want the div to grow as needed, even if the page scrolls. The page starts with no scroll and certain elements grow, so it causes there to be a scroll. </p>