title: CSS 100% Height, and then Scroll DIV not page
body: <p>Okay so I haven't been able to find a question with an answer yet, so I decided to make my own. </p>
  
  <p>I am trying to create a 100% fluid layout, which technically I have done.
  <a href="http://stickystudios.ca/sandbox/stickyplanner/layout/index2.php" rel="noreferrer">http://stickystudios.ca/sandbox/stickyplanner/layout/index2.php</a></p>
  
  <p>BUT, what I want to do now, is to make the page 100% in HEIGHT... But I don't want the page to scroll I want the inner DIV to scroll. </p>
  
  <p>So I believe in short I want it to detect the height of the viewport screen, go 100%, and then IF content is longer then the screen, scroll the specific DIV, NOT the page.</p>
  
  <p>I hope this makes sense. </p>
  
  <p>Thanks in advance. 
  Justin </p>