title: Width in % in Google Chrome
body: <p>I have problem with Google Chrome (not Firefox, IE, Opera or Safari). </p>
  
  <p>When i set width as percentage Chrome from time to time make the divs 1 or 2 pexels to wide. </p>
  
  <p>Any ideas or is this a known issue in Chrome?</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;div class="table w60"&gt;
      &lt;div class="row"&gt;
          &lt;div class="cell w20"&gt;
              &lt;div class="head_grey"&gt;Code&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="cell w55"&gt;
              &lt;div class="head_grey"&gt;Name&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="cell w25"&gt;
              &lt;div class="head_grey end"&gt;Vat&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="clear"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Css:</p>
  
  <pre><code>.table
  {
      background:#FFFFFF;
  }
  
  .table .row
  {
      clear:left;
  }
  
  .table .row .cell
  {
      float:left;
  }
  
  .head_grey
  {
      padding:3px 5px 3px 5px;
      color:#FFFFFF;
      background:url(/images/head_grey.png);
      font-weight:bold;
      border-color:#A3A3A3;
      border-width:1px 0px 1px 1px;
      border-style:solid;
      height:14px;    
  }
  
  .table .row .cell .end
  {
      border-right-width:1px;
  }
  
  .w5 { width:5%; }
  .w10 { width:10%; }
  .w15 { width:15%; }
  .w20 { width:20%; }
  .w25 { width:25%; }
  .w30 { width:30%; }
  .w35 { width:35%; }
  .w40 { width:40%; }
  .w45 { width:45%; }
  .w50 { width:50%; }
  .w55 { width:55%; }
  .w60 { width:60%; }
  .w65 { width:65%; }
  .w70 { width:70%; }
  </code></pre>