title: CSS background colour not extending to the edge of the screen
body: <p>I am trying to style an application, but for some reason,  I cannot make the background of one of my classes extend to the edge of the screen.</p>
  
  <p>I made a fiddle to show this: <a href="http://jsfiddle.net/Hydropotamus/krevheyc/" rel="nofollow">http://jsfiddle.net/Hydropotamus/krevheyc/</a></p>
  
  <p>I think the problem is in this class: </p>
  
  <pre><code>.moving-background {
      left:-10%;
      padding-top:130px;
      padding-bottom:20px;
      padding-right:20px;
      padding-left:20px;
      width:100%;
      background-color:#00a221;
  
  }
  </code></pre>
  
  <p>As you can see in the fiddle,  the background colour doesn't extend to the edge of the screen,  and i am unsure of how to move forward with this.</p>
  
  <p>I have tried switching the padding and margins as well,  but i can't figure out where i am going wrong.</p>