title: Force y-axis scrollbar in textarea element
body: <p><a href="http://jsfiddle.net/chovy/LHy9H/" rel="nofollow">http://jsfiddle.net/chovy/LHy9H/</a></p>
  
  <pre><code>&lt;textarea&gt;fofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofooo&lt;/textarea&gt;
  
  textarea { width: 500px; line-height: 32px; overflow: auto; height:32px; }
  </code></pre>
  
  <p>I cannot figure out how to force a y-axis scrollbar on the text area in Firefox.
  It works fine with Chrome.</p>
  
  <p>In Firefox, the scrollbar doesn't appear until it is a certain height.</p>