title: TEXTAREAs scroll by themselves (on IE8) every time you type one character
body: <p>IE8 has a known bug (per <a href="https://connect.microsoft.com/IE/feedback/details/432377/ie-v8-0-textarea-scroll-moves-when-editing" rel="noreferrer">connect.microsoft.com</a>) where typing or pasting text into a TEXTAREA element will cause the textarea to scroll by itself.  This is hugely annoying and shows up in many community sites, including Wikipedia. The repro is this:</p>
  
  <ol>
  <li>open the HTML below with IE8 (or use any long page on wikipedia which will exhibit the same problem until they fix it)</li>
  <li>size the browser full-screen</li>
  <li>paste a few pages of text into the TEXTAREA</li>
  <li>move the scrollbar to the middle position</li>
  <li>now type one character into the textarea</li>
  </ol>
  
  <p>Expected: nothing happens
  Actual: scrolling happens on its own, and the insertion point ends up near the bottom of the textarea!</p>
  
  <p>Below is repro HTML (can also see this live on the web here: <a href="http://en.wikipedia.org/w/index.php?title=Text_box&amp;action=edit" rel="noreferrer">http://en.wikipedia.org/w/index.php?title=Text_box&amp;action=edit</a>) </p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt;&lt;body&gt;
   &lt;div style="width: 80%"&gt;
     &lt;textarea rows="20" cols="80" style="width:100%;" &gt;&lt;/textarea&gt;
   &lt;/div&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>I know I can avoid this by forcing the website into IE7 compatibility mode, but what's the best other way to work around this bug while causing as few side-effects as possible?</p>