title: Why is my div not breaking out of parent div?
body: <p>I'm trying to break out of a parent div so I can have a colour div cover the width of the browser.</p>
  
  <p>However, for some reason it pushes the block off to the left.</p>
  
  <p>This is my <a href="http://speakingwithpictures.com/about/" rel="nofollow">site.</a></p>
  
  <p>This is my code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="aboutTop"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.aboutTop{
     width: 100%;
     height: 600px;
     background-color: black;
     margin-left: -100%;
     margin-right: -100%;
  }
  </code></pre>
  
  <p>Where am I going wrong?</p>