title: IE z-index trouble on element with transparent background
body: <p>everyone.
  I need 2 absolutely positioned textarea elements to be placed one over the other.
  Here is my sample:</p>
  
  <pre><code>&lt;div&gt;
    &lt;textarea id="txt1" style="position:absolute; top:0; left:0;z-index:0;background:none;"&gt;some text&lt;/textarea&gt;
    &lt;textarea id="txt2" style="position:absolute; top:0; left:0;z-index:1;background:none;"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm expecting txt1 to be under the txt2. That happens in FF and Chrome. But in IE (tested in 8 and 9) txt1 is clickable and becomes focus.</p>
  
  <p>Does anybody know, how to manage this?</p>
  
  <p>Thanks in advance!</p>