title: textarea resizes width but not height, why?
body: <p>Here's what I've tried:</p>
  
  <pre><code>&lt;textarea name='text' spellcheck = "true" style="height: 4em; width: 80%;" id="wider"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>I've also tried setting height with px or with %, both of which don't work. I also tried the following in my css file (as well as setting height as %, px, or em in the css, which also didn't work):</p>
  
  <pre><code>#wider{
      width: 80%;
      height: auto;
  }
  </code></pre>
  
  <p>I can adjust the width either with the inline style command or with the css no problem. Why should the height be different, and what else might I try? </p>
  
  <p>Thanks for any suggestions.</p>
  
  <p>update: I have also tried setting the rows property in both the in-line and the CSS style. I understand that inline will overrule CSS. I just want one to work. Right now width attribute is always adjusted to reflect my change, but the height always stays the same. Is there something else I should be looking at? Thanks again!</p>