z-index problemer

Jeg har et problem hvor mine div bokse kommer frem under mine formular elementer. Mit div ser ud som følgende

<div id=calBox style="display:none;z-index:1000;position:absolute">
<table width="150" border="0" cellspacing="0" cellpadding="0" style="BORDER-LEFT: LightSteelblue 1px solid;BORDER-RIGHT: LightSteelblue 1px solid;BORDER-BOTTOM: LightSteelblue 1px solid;z-index:200">
  <tr>
    <td>
   
    <table width="100%" border="0" cellspacing="0" cellpadding="0" >
    <tr>
                <td background="grafik/a_topbar.gif"><B><font color="#FFFFFF">KALENDER</font></b>
                </td>
    <td width="20" background="grafik/a_topbar.gif"><b><font color="#FFFFFF" style="cursor:hand;" onClick="closeBox('calBox')">X</font></b></td>
    </tr>
    </table>

    </td>
</tr>
<tr>
    <td><IFRAME SRC="news_kalender.asp" TITLE="Kalender" WIDTH="150" HEIGHT="150" SCROLLING="no" FRAMEBORDER="0" MARGINWIDTH="0">
</IFRAME></td>
  </tr>
</table>

</div>
_________________________________________

Selve ifamen kommer frem oven på formularelementet mens tabellen hvor der står "KALENDER" "gemmer" sig.