title: Background image cut off beyond viewport
body: <p>Url for the unruly site: <a href="http://chrism.se" rel="nofollow noreferrer">http://chrism.se</a></p>
  
  <p>After we put it live we discovered that if the viewport is too small for the content, so as to require scrolling, the background image (body-tag, repeat-x) won't extend beyond the initial view, but I can't for the life of me figure out why and how to fix it. A note to bear in mind is that I didn't code the site by myself, since I'm not that Javascript-savvy and the designers wanted some swooshy effects. My senior colleague could surely find a remedy, but he is unfortunately away and I'd like to wrap this up.</p>
  
  <p>The state of the html and css is the same as when I found out about the issue, but I've tried suggestions I've seen on similar questions, mainly revolving around min-width. I don't really understand the difference between <a href="https://stackoverflow.com/questions/4736077/background-is-only-as-wide-as-viewport">background is only as wide as viewport</a>? and my problem?</p>
  
  <p>Full view = <a href="https://i.stack.imgur.com/6aDpN.jpg" rel="nofollow noreferrer">i.imgur.com/6aDpN.jpg</a></p>
  
  <p>Problem = <a href="https://i.stack.imgur.com/X6JVp.jpg" rel="nofollow noreferrer">i.imgur.com/X6JVp.jpg</a></p>