レイヤー（？）、z-index（？）の順番がおかしい

質問

http://allabout.co.jp/career/javascript/closeup/CU20020529/

こちらのサイトで公開されているJavaScriptを組み込んでいるところです。
(JavaScriptでカレンダーを作り、クリックした値を返すもの)

早速自分のＨＴＭＬに埋め込んだところ、カレンダーのポップアップが
<input type='text'>の「前面」に表示され、
<select>の「後ろ」に表示されてしまいます。

つまり、画面上に３つの層があり
ポップアップのカレンダーがselectに隠れてしまっている状態です。

このポップアップのカレンダーを最前面に表示するにはどうすればいいでしょうか？

回答No.2

piqoo · ベストアンサー

リストボックス等でz-indexの順番が正しく反映されない問題は
Windows版IE固有の迷惑な仕様ですので、NetscapeやFirefox等、
他のブラウザで表示を試して確認してみて下さい。

もし他のブラウザで問題なく表示される場合、この問題の解決には
iframe shimという手法で解決しなければなりません。
その方法は少々面倒ですが、URLを参考にして下さい。

参考URL：

http://jp.bea.com/dev2dev/pub/a/2005/4/portal_menus..html

回答No.1

Blaise

ちょっと時間があったので、jsファイルの中みてみまし
た。移して試してみたら、300行あたりに未定義の実行時
エラーで、きちんと動きません。コードには不審な点も
発見できませんでしたが、Z-INDEXではないようです。
なにせひどいコードなので途中で諦めました。
とにかく、いま書けばもっとスッキリしたコードでかけ
るでしょう。

で、結論。デモページの下の方に、機能拡張をした他の
人のサイトがありますよね。そこのをDLして使った方が
無難です。こちらは動きます。
ま、いかにもAllAboutらしいなあとｗｗ

補足

アドバイスありがとうございます。
機能拡張版も試してみましたが、
同じく<SELECT>の下に隠れてしまっています。

他に解決方法はあるのでしょうか？