title: Float bug in chrome? 1px extra padding, but it's not padding
body: <p>The following html and css shows two divs inside a container. The left div isn't floated; the right div is floated right.</p>
  
  <p>The right div  seems to be one pixel too narrow, and the red background color of the container is therefore showing through in that one pixel gap.</p>
  
  <p>This is a simplification of my problem.  <a href="http://jsfiddle.net/XPd9J/" rel="noreferrer">http://jsfiddle.net/XPd9J/</a>  </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="inner-wrapper"&gt;
  
      &lt;div class="right-sidebar"&gt;
          &amp;nbsp;
      &lt;/div&gt;
  
      &lt;div class="content"&gt;
          &amp;nbsp;&lt;br /&gt;&lt;br /&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;​
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.inner-wrapper {
      position:relative;
      background-color:red;
      overflow:auto;
      width:90%;
      padding:0;
      margin:20px 0 0 20px;
  }
  .right-sidebar {
      position:relative;
      width:40% !important;
      background-color:lime;
      float:right;
      margin:0;
      padding:0;
  }
  .content {
      position :relative;
      width:60%;
      background-color:silver;
      margin:0;
      padding:0;
  }
  ​
  </code></pre>