title: Unexpected font size of textarea using rem in Chrome when setting root element font size to percentage
body: <p>When setting the root <code>font-size</code> to <code>62.5%</code> or any other percentage, Chrome renders the <code>textarea</code> font size as <code>16.25px</code>. I expected it to be <code>20px</code> just like the <code>div</code> font size is being rendered. Also, in Firefox, both the <code>div</code> and <code>textarea</code> are rendering at <code>20px</code>. I'm a bit confused as to why this would be in Chrome. Shouldn't the <code>rem</code> value be consistently based on the root element?</p>
  <p>Note that setting the root element <code>font-size</code> to a fixed pixel amount, things work as expected.</p>
  <p>By the way, I'm on Windows 10 and am unsure if this happens on Mac. Also, I suppose I can switch to using pixels, however I was hoping to use the percentage based size so I can keep the user font size preference.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;html style=&quot;font-size: 62.5%&quot;&gt;
  &lt;body&gt;
      &lt;div style=&quot;font-size: 2rem&quot;&gt;asdf&lt;/div&gt;
      &lt;textarea style=&quot;font-size: 2rem&quot;&gt;asdf&lt;/textarea&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Update:
  When I change the font family on the root to anything other than monospace it seems to work find. Only with monospace this issue occurs. Still stumped on why this is happening...</p>
  <pre class="lang-html prettyprint-override"><code>&lt;html style=&quot;font-size: 62.5%&quot;&gt;
  &lt;body&gt;
      &lt;div style=&quot;font-size: 2rem&quot;&gt;asdf&lt;/div&gt;
      &lt;textarea style=&quot;font-size: 2rem; font-family: sans-serif&quot;&gt;asdf&lt;/textarea&gt; &lt;!-- 20px --&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>