title: Textarea (wrongly?) inheriting white-space css property from parent class
body: <p>I have a textarea within a parent div. The parent div has 'white-space: nowrap'. Should the textarea be inheriting the 'white-space: nowrap'? In IE11 the textarea inherits the 'nowrap'. Chrome ignores the inherited 'nowrap' and instead uses 'white-space: pre-wrap' from the user agent stylesheet. I know I can fix this by explicitly specifying the textarea's white-space property. <strong>Should I have to set the whitespace of the textarea explicitly, or is this an IE11 bug?</strong></p>
  
  <p>The following JSFiddle demonstrates the issue. (Open it in IE11 and Chrome and note the difference).</p>
  
  <p><a href="http://jsfiddle.net/sTAB3/1/" rel="nofollow">http://jsfiddle.net/sTAB3/1/</a></p>
  
  <p>Here is the code in the JSFiddle:</p>
  
  <pre><code>.a {
      white-space: nowrap;
  }
  
  &lt;div class="a"&gt;
    &lt;textarea id="log" rows="20" cols="50"&gt;If I may... Um, I'll tell you the problem with the scientific power that you're using here, it didn't require any discipline to attain it. You read what others had done and you took the next step. You didn't earn the knowledge for yourselves, so you don't take any responsibility for it. You stood on the shoulders of geniuses to accomplish something as fast as you could, and before you even knew what you had, you patented it, and packaged it, and slapped it on a plastic lunchbox, and now you're selling it&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>