title: Why does textarea not accept relative font-size if none of it's parent has fixed size? (Firefox 18.0 Mac)
body: <p>I have a quite unusual problem with the rendering of a textarea-field in Firefox. I haven't tested other versions than 18.0 on a Mac until now.</p>
  
  <p>My problem is, that the font-size always is relative to 13px (the os-default) and not to 16px what it's parent has.
  If I define a fixed font-size for it's parent, it works as expected. But if all parents have a relative font-size the textarea's font-size is just relative to my OS-default.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Test Firefox ..&lt;/title&gt;
  
      &lt;style&gt;
          /* Fixed sizes */
          /* body { font-size: 12pt; } */
          /* body { font-size: 16px; } */
          /* body { font-size: 0.4234cm; } */
  
          /* Dynamic sizes */
          /* body { font-size: 1em; } */
          /* body { font-size: 100%; } */
          /* body { font-size: medium; } */
  
          textarea { font-size: 1em; }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;textarea rows="4" cols="20"&gt;abc&lt;/textarea&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Similar question, but does not cover my case: <a href="https://stackoverflow.com/questions/2874813/why-textarea-and-textfield-not-taking-font-family-and-font-size-from-body">Why &lt;textarea&gt; and &lt;textfield&gt; not taking font-family and font-size from body?</a></p>
  
  <p>Anyone experienced something similar before, or can confirm this behaviour in other Browser(version)s or OSes?</p>
  
  <p>EDIT: Here's the code on jsfiddle.net: <a href="http://jsfiddle.net/E4WwV/" rel="nofollow noreferrer">http://jsfiddle.net/E4WwV/</a></p>