title: HTML/CSS div structure
body: <p>I'm making a site for a client, designed by someone else. The site itself is relatively simple, but i can't seem to wrap my head around one specific thing. Please look at the following screenshot:</p>
  
  <p><a href="http://cl.ly/image/0M090g150S28" rel="nofollow">http://cl.ly/image/0M090g150S28</a></p>
  
  <p>How would i make my html/css structure if i want those two green backgrounds (top &amp; bottom) stay aligned with the content (which is 960px - margin 0 auto) when resizing, but also 'never-ending' when expanding the windows to, let's say, 3000px? </p>
  
  <p>A never-ending background is easy.
  A background fixed to the contact of a centered div is easy.</p>
  
  <p>But the two combined? Please help me out here, i've been breaking my head over this for some time now. It's probably super simple..?!</p>
  
  <p>Cheers!</p>