title: Chrome and Firefox render percentage font size for textarea differently
body: <p>I set the font-size style of a <code>&lt;textarea&gt;</code> to <code>120%</code>. But the text turns out to be much bigger under Firefox compared to that under Chrome.</p>
  
  <p>After checking the style using developer's tool I found the following preset style under Chrome:</p>
  
  <pre><code>input, textarea, keygen, select, button {
     margin: 0em;
     font: normal normal normal 13.3333330154419px/normal Arial;
     color: initial;
     letter-spacing: normal;
     word-spacing: normal;
     text-transform: none;
     text-indent: 0px;
     text-shadow: none;
     display: inline-block;
     text-align: start;
  }
  </code></pre>
  
  <p>It seems that under Chrome the <code>120%</code> is computed against 13.333px, while Firefox will computed it against the real default font-size <code>16px</code> and finally make the text appears much bigger.</p>
  
  <p>I do use css reset to override the default style but Chrome insists computing <code>120%</code> against the <code>13.333px</code> preset font size.</p>
  
  <p>Please anyone tell me how can I make Firefox and Chrome render <strong>percent font size</strong> in textarea the same?</p>