title: Setting TEXTAREA and INPUT fields to 100% width inside TD truncates right margin
body: <p>Please help me fix this issue. I would like to set the width of INPUT and TEXTAREA elements to 100% so that they entirely fit the table cell but I noticed that the right border is truncated.</p>
  
  <p>I tried to wrap the INPUT inside a DIV and set 'overflow' to 'hidden' as I read on other answers but it does not work:</p>
  
  <pre><code>&lt;div style="overflow:hidden"&gt;
      &lt;input class="input_field" type="text" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I also set margins and paddings, and width=95% too but the right border is always truncated even if it is well inside the TD.</p>
  
  <p>Please see the <a href="http://jsfiddle.net/trwut/2/" rel="nofollow">HTML and CSS code at jsFiddle</a>. Look carefully to the right border of the elements, you will see they are truncated. Set 'table border=0' to see better.</p>