title: TD cell with css decimal percent height gets incorrect actual height in Chrome
body: <p>As I am trying to create a grid of TD in a table, and that the total height of the TD cells make up 100% of the height of the table, I found that when I set the css height of the TD to a decimal point, the calculated height is larger than expected in Chrome 28 (and that the last few rows becomes squashed). But when I change the css height to a whole number the calculated height becomes correct. </p>
  
  <p>Take a look at the replication of the problem here: <a href="http://jsfiddle.net/RUwLH/3/" rel="nofollow noreferrer">http://jsfiddle.net/RUwLH/3/</a></p>
  
  <p>In the example, there are 33 rows in each table.</p>
  
  <p>Note that the td cells of each table have different css:</p>
  
  <pre><code>.main td {
      width:50%;
      height: 3.03%;    
  }
  
  .main2 td{
         width:50%;
      height: 3.00%;    
  }
  </code></pre>
  
  <p>The funny thing is that in IE10, the cells seems to show up correctly, but the 2 sets of tables becomes overlapped</p>
  
  <p>In FF16 this works fine.</p>
  
  <p>Anyone know any solution to this problem?</p>