title: Fixed div longer than content - how to make the content stick to bottom of screen?
body: <p>I've got a fixed div on the left of a page that can scroll with the whole page if it's longer than the browser window, and will stop scrolling when it reaches the end.</p>
  
  <p>This works fine if the page content is longer in height than the div, however if the page content is shorter than the div, the div stops where the page stops and the rest of it can't be seen.</p>
  
  <p>Here is the code I'm using:</p>
  
  <p>This one is when the page content is longer than the div, everything's fine: <a href="http://jsfiddle.net/nickykw/4Kaxd/2/" rel="nofollow">http://jsfiddle.net/nickykw/4Kaxd/2/</a></p>
  
  <p>But with this one, the page content is shorter than the div, and the div stops too soon: <a href="http://jsfiddle.net/vxFtV/2/" rel="nofollow">http://jsfiddle.net/vxFtV/2/</a></p>
  
  <p>I'm supposing the content would need to be fixed in a similar way to the div. How would this be done?</p>
  
  <p>If that can't be done, would it be possible to add something to the bottom of the fixed div, or in the div's code, to make the browser scroll right to the end of the div even if the main content ended? It doesn't matter if it leaves lots of white space under the content.</p>
  
  <p>Many thanks</p>