IE z-index проблема на элементе с прозрачным фоном

каждый. Мне нужно разместить 2 абсолютно позиционированных элемента textarea один над другим. Вот мой пример:

<div>
  <textarea id="txt1" style="position:absolute; top:0; left:0;z-index:0;background:none;">some text</textarea>
  <textarea id="txt2" style="position:absolute; top:0; left:0;z-index:1;background:none;"></textarea>
</div>

Я ожидаю, что txt1 находится под txt2. Это происходит в FF и Chrome. Но в IE (проверено в 8 и 9) txt1 доступен для кликов и становится фокусом.

Кто-нибудь знает, как с этим справиться?

Заранее спасибо!