title: Why do I get a horizontal scrollbar for width: 100% in chrome?
body: <p>Starting with:</p>
  
  <pre><code>html, body 
  { 
      padding: 0; 
      width: 100%;
      font: 100%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  }
  </code></pre>
  
  <p>Chrome decides that the width should be 1600px, which is wider than my current display, let alone the current Chrome window. I'm sure this is an old chestnut, but I'm failing to find the right tree.</p>
  
  <p>I posted a complete example to git://github.com/bimargulies/css-mystery.git. </p>
  
  <p>One note: My macbook was plugged into a very wide monitor, and is now not. The 1600px seems to me to be related to that, but I don't know how to make it go away except to reboot.</p>
  
  <p>In the chrome devo tools, looking at the effective styles for the , I see:</p>
  
  <pre><code>width: 1600px;
     html, body - 100%
  </code></pre>
  
  <p>That 1600 is very mysterious. And this is after a reboot.</p>
  
  <p><em><strong>EDIT</em></strong> bingo: buried in the style sheet main.css, from someone else I work 'with', was 'minWidth: 100em;' on body. oops.</p>