title: No horizontal scroll bar on float right
body: <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style type="text/css" rel="stylesheet"&gt;
      * {margin:0;padding:0;}
  
      div#box {background-color:green;width:1000px;}
  
      /* #box {position:absolute;top:0;right:0;} */
      /* #box {position:absolute;top:0;left:0;} */
      /* #box {float:right;} */
      #box {float:left;}
  
      .clearer {clear:both;}
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="box"&gt;
          asdafdsf
      &lt;/div&gt;
      &lt;div class="clearer"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Uncomment the first float left id with the float right one and you will see. I left my tried solutions commented out as well.</p>
  
  <p>You should have a full repro from a copy and paste.</p>