title: Force <textarea> to take up all available space
body: <p>I need to have a <code>&lt;textarea&gt;</code> take up all available space inside of a <code>&lt;td&gt;</code></p>
  
  <p>When a user clicks inside of the table cell, the <code>&lt;textarea&gt;</code> should appear with the <strong>exact</strong> dimensions of the cell (like an Excel spreadsheet).</p>
  
  <p>I have tried setting the <code>&lt;textarea&gt;</code> width and height to 100%, but that doesn't work; the dimensions just get skewed and all the table cells jump a little bit as this cell get resized incorrectly both vertically and horizontally.</p>
  
  <p>Is there a way to do this?</p>
  
  <p><strong>edit:</strong></p>
  
  <p>You can see how this fails here: <a href="http://jsfiddle.net/4QbMr/6/" rel="noreferrer">http://jsfiddle.net/4QbMr/6/</a></p>
  
  <p>(both cells should be the same size)</p>