title: Static/fixed background image while page contents scrolls?
body: <p>I'm trying to follow a guide located <a href="http://davidwalsh.name/css-fixed-position-background-image" rel="nofollow">here</a> to know avail :(.</p>
  
  <p>Here's a link to my JsFiddle: <a href="http://jsfiddle.net/gF7Af/1/" rel="nofollow">http://jsfiddle.net/gF7Af/1/</a></p>
  
  <p>For background; I'm attempting to make it so that the background image stays in the same position while only nested contents of <code>#container</code> scrolls, so that the background image is always shown and doesn't have any white-space (edges) when the contents nested in <code>#container</code> has a combined height larger than <code>#container's</code>.</p>
  
  <p>Any help would be greatly appreciated!</p>
  
  <p>Thanks!</p>