title: <td>s are larger than specified
body: <p>I need my table cells have <code>100px</code> width, but instead they have <code>112px</code> width (<code>112</code> in chrome, <code>113</code> in FF, <code>112.5</code> in IE10).</p>
  
  <p>There is <em>more than enough</em> space inside: </p>
  
  <p><img src="https://i.stack.imgur.com/Ve4a5.png" alt="tiny screenshot"></p>
  
  <p>And these are styles applied to <code>td</code>
  <img src="https://i.stack.imgur.com/JPiha.png" alt="styles"></p>
  
  <p>Piece of html:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td class = 'col_body_dates'&gt;12.12.2013&lt;br/&gt;20.12.2013&lt;/td&gt;
      &lt;td class='col_body_status cell_status_1'&gt;в процессе&lt;/td&gt;
      &lt;td class='col_body_score'&gt;&lt;input id = '7623373922438661459' value = '0'&gt;&lt;/td&gt;
      ...
      ...
  &lt;/tr&gt;
  </code></pre>
  
  <p>How do I make them desired size? <strong>Differences between css and real size are always the same</strong>...</p>
  
  <p>What am I missing? </p>
  
  <p>Ah yes, I tried :</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/4936271/table-width-is-longer-then-the-pixels-specified">Table width is longer then the pixels specified?</a></li>
  <li><a href="https://stackoverflow.com/questions/8026000/why-is-browser-showing-tds-larger-than-my-specified-width-property">Why is browser showing td&#39;s larger than my specified width property?</a></li>
  </ul>
  
  <p><strong>JSFiddle</strong>: <a href="http://jsfiddle.net/3hFk7/" rel="noreferrer">http://jsfiddle.net/3hFk7/</a></p>