title: Full screen width div area
body: <p>What's the best approach to creating a div that will take the full width of the screen, no matter what resolution? I'm trying to add a 'top' bar and bottom 'footer' area with divs that have a black background and styled border that I'd create with a small image and repeat. For some reason my attempts are leading to small spaces on the top and sides of the div?</p>
  
  <p><strong>My markup is similar to:</strong></p>
  
  <pre><code>&lt;div id="top"&gt;
  
  Top bar stuff
  
  &lt;/div&gt;
  
  &lt;div id="pagewrap"&gt;
  
  All the page content
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong> </p>
  
  <pre><code>#top {
  
  width: 100%;
  margin: 0;
  padding: 0;
  background-color:#000
  </code></pre>