title: css - position full width block behind centered page
body: <p><a href="http://cssdeck.com/labs/ccwlqnaa" rel="nofollow noreferrer">example</a></p>
  
  <p>I know this will be really simple but I'm stuck sorry.</p>
  
  <p>I have a centered page with a width (the grey area in my example) and I want to have block behind it that is full width (the red area in my example).</p>
  
  <p>The page needs to have a slight margin at the top to show the block behind it.</p>
  
  <p>How can I have a full with block and have a page positioned on top.</p>
  
  <p>I have it looking something like I want but thats with negative margin on the page area</p>