title: Body Margin:0, Div Width:100% problem in FF and Chrome, fine in IE
body: <p>I'm starting to pull my hair out of my head...</p>
  
  <p>I have the following:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
      body { margin:0 auto; }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div style="border: solid 1px red; width: 100%;"&gt;test&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This works in IE producing a nice div, 100% width, no H scrollbar...</p>
  
  <p>Now in Chrome and FF, it is 1px wider than the window, causing an H scrollbar...</p>
  
  <p>Why is that? What SHOULD I be using instead?</p>
  
  <p>Thanks a lot!
  Albert</p>
  
  <p>EDIT:</p>
  
  <p>I added div { margin: 0; } to the head and removed the width: 100% and it worked, thanks.</p>