How to set div height dynamically based on user's browser dimensions
<p>Using this example:</p>

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

<p>How do I make the "sidebar" 100% of the height of the user's browser (minus 50 pixels to leave room for the header)?</p>

<p>I believe it's possible to get the user's browser height using javascript and insert it dynamically into the css, but I don't know how to do that.   </p>
