title: Can't get a div background colour to fill full width of viewport
body: <p>I'm trying to fill a certain part of the page with a background color. I want the background colour to fill the entire width of the viewport, but have a fixed height. Here's what I've tried:</p>
  
  <pre><code>&lt;div id="theDiv" style="width: 100%; height:200px; background-color:black;"&gt;
      Blah blah blah, content goes here.
  &lt;/div&gt;
  </code></pre>
  
  <p>But no matter what I try, this always give me a small white margin at either side of the div, between the edge of the div and the boundaries of the viewport. How can I make the div fill the <em>entire</em> width of the viewport?</p>
  
  <p>I don't want to change the bg color of the <code>&lt;body&gt;</code> tag as I only need to fill a certain vertical section of the screen.</p>
  
  <p>The only thing I can think of that I haven't tried yet is to create a 1px wide bg image and set it to x-repeat... is there not a more elegant solution than this?</p>