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

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

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

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

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

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

No.2 ベストアンサー 回答者： piqoo 回答日時： 2006/02/24 16:20

リストボックス等でz-indexの順番が正しく反映されない問題は

Windows版IE固有の迷惑な仕様ですので、NetscapeやFirefox等、
他のブラウザで表示を試して確認してみて下さい。

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

参考URL：http://jp.bea.com/dev2dev/pub/a/2005/4/portal_me …

No.1 回答者： Blaise 回答日時： 2006/02/23 11:39

ちょっと時間があったので、jsファイルの中みてみまし

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

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

この回答への補足

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

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

補足日時：2006/02/23 16:32