title: html, body, and div set at 100% width but it's still not taking the full 100%
body: <p>I reset the margins and padding to <code>0</code>. I set the <code>&lt;html&gt;</code>, <code>&lt;body&gt;</code> width to 100%.</p>
  
  <p>My CSS looks something like this:</p>
  
  <pre><code>html, body { 
      margin:0;
      padding:0;
      width:100%;
  }
  
  #wrapper {
      margin:0;
      padding:0;
      width:100%;
      background-color:#ccc;
  }
  </code></pre>
  
  <p>Whenever I resize the browser to the point I get a horizontal scroll bar the div doesn't take the full 100% width. Not even the body or html. I have firebugged it and there's about a 180px gap. </p>
  
  <p><img src="https://i.stack.imgur.com/lBDuq.png" alt="enter image description here"></p>