팝업 menu_javascript 기술을 시뮬레이션하는 코드

"직접 지불" 버튼을 클릭하면 모달 div가 팝업됩니다. 확인 버튼을 클릭하면 테이블에 레코드 행이 추가됩니다. 마찬가지로 "다른 사용자에게 지불" 버튼을 클릭하면 또 다른 레코드 행이 추가됩니다. 그런데 IE6과 IE7에서는 작동하지만 FF에서는 작동하지 않습니다.

<title>결제센터-정보입력</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> #testa,#testa2 { width:100%; } #lockform,#lockform2 { position:absolute; width:expression(this.parentNode.scrollWidth); top:expression(this.parentNode.scrollTop); left:0; height:100%; right:0; bottom:0; z-index:1; background:gray; filter:alpha(opacity=92); } #main,#main2 { width:400px; position:absolute; left:expression(this.parentNode.scrollWidth/2-200); top:100px; background:#efefef; text-align:left; filter:Alpha(opacity=100); } #InfoHead,#InfoHead2 { text-align:right; padding:3px 0 1px 3px; border:1px solid #f90; background:url(../images/lockform_title.gif) repeat-x; color:#36f; cursor:move; } #InfoHead a:link,#InfoHead a:visited,#InfoHead2 a:link,#InfoHead2 a:visited { font-size:14px; font-weight:bold; padding:0 3px; } #InfoBody,#InfoBody2 { border:4px double #f90; border-top:none; padding:2px; } #InfoContent { height:200px; padding:6px; overflow:auto; word-break:break-all; } #InfoContent2 { height:297px; padding:6px; overflow:auto; word-break:break-all; } </style> <div id="testa"> <form name="Form1"> <div id="pay_content_top2"> </div> <div id="content"> <div class="align_center"> <table class="width_660"> <tr> <td class="activate_title"> <img src="images/li.gif" alt=""> 濉</td> </tr> </table> </div> </div> </form> </div>