title: Horizontal scroll bar won't go away?
body: <p>Having trouble with a horizontal scroll bar that pops up.</p>
  
  <p>My page is set up like so:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;
  
  &lt;article&gt;
  &lt;/article&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My css</p>
  
  <pre><code>article {
      width:100%;
      margin:0px auto;
      padding:25px;
  }
  </code></pre>
  
  <p>I'm also using <a href="http://developer.yahoo.com/yui/reset/" rel="nofollow">Yahoo's Reset CSS</a>. The trouble is the 100% on Article is giving me a horizontal scroll that I can't get rid of. I want it to stretch the length of the window with just a bit of space on the right and left.</p>