title: scrolling text over static image css
body: <p>How do I make background image stay static and scroll only text?</p>
  
  <pre><code>#wrapper{
      height: 100%;
      width: 100%;
      background-image: url('background.jpg');
      background-size: 100%;
      background-position: fixed;
  }
  </code></pre>
  
  <p>That's my styling for the background, but it still scrolls leaving white space below until the text reaches the bottom. I've been googling for this for an hour now. It's my first attempt working with css so please don't be harsh on me.</p>