title: Cross-browser consistent row scaling
body: <p>Let's say I have a table of two columns an three rows. Now, In the left column I have content in every row, but in the right one I put a <code>&lt;textarea&gt;</code> element with <code>rowspan="3"</code>.</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;&lt;td&gt;row one&lt;/td&gt;&lt;td rowspan="3"&gt;&lt;form&gt;&lt;textarea&gt;&lt;/textarea&gt;&lt;/form&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;row two&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;row three&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>In most modern browsers you can resize that text area, but I don't need to constrain that. The problem occurs when text area gets bigger vertically and starts to stretch out the table. In Chrome only the last row resizes (desired behavior), while in Firefox all of them expand respectively.</p>
  
  <p>Is there any way to set which rows have fixed height and which ones stretch?</p>