Div e Javascript

Front-end
#1

Bom dia!!
Estou com um problema q talvez seja obvio mas q n consigo perceber…
Com o seguinte código:


<body>
 <form name="form" action="DispatcherServlet" method="post" target="_self">
    <input type="hidden" name="action" value="paramIn"/>
    <input type="hidden" name="sPlace" value="Cinema"/>
        
    <table>
    <tr onmouseover="window.status='Seleccione a data inicial'" onmouseout="window.status=''">
					<td class="dataFields">Data inicial</td>
					<!-- <td class="dataFields">Data final</td> -->
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				
				
				<tr onmouseover="window.status='Seleccione a data inicial'" onmouseout="window.status=''">
					<td>
						<input type="text" name="sDate" id="sDate" size="10" maxlength="10" onKeyPress=""/>
						<script type="text/javascript">
							 Calendar.setup({
							        inputField     :    "sDate",      	// id of the input field
							        ifFormat       :    "%d-%m-%Y",     // format of the input field
							        showsTime      :    false,          // will display a time selector
							        button         :    "imgdata1",   	// trigger for the calendar (button ID)
							        singleClick    :    false,          // double-click mode
							        step           :    1               // show all years in drop-down boxes (instead of every other year as default)
							    });
						</script>
					</td>
					
					 <td>&nbsp;</td> 
					 <td>&nbsp;</td>
				</tr>
				
				<tr onmouseover="window.status='Seleccione a data final'" onmouseout="window.status=''">
				<td class="dataFields">Data final</td>
				 <td>&nbsp;</td> 
				<td>&nbsp;</td>
				</tr>
				
				<tr>
				<td onmouseover="window.status='Seleccione a data final'" onmouseout="window.status=''">
						<input type="text" name="eDate" id="eDate" size="10" maxlength="10" onKeyPress=""/>
						<script type="text/javascript">
							 Calendar.setup({
							        inputField     :    "eDate",      	// id of the input field
							        ifFormat       :    "%d-%m-%Y",   	// format of the input field
							        showsTime      :    false,          // will display a time selector
							        button         :    "imgdata2",   	// trigger for the calendar (button ID)
							        singleClick    :    false,          // double-click mode
							        step           :    1               // show all years in drop-down boxes (instead of every other year as default)
							    });
						</script>
					</td>
					
					<td align="center" onmouseover="window.status='Submeter consulta gráfica'" onmouseout="window.status=''">
						<map name="FPMap0">
                        	<area href="#" onclick="javascript:window.document.form.submit()"  shape="rect" coords="4, 0, 47, 45">
                        </map>
                        <img src="graphics/line_chart.gif" 
								alt="Submeter consulta gráfica"
								usemap="#FPMap0" 
								width="28" 
								height="28" border="0">
					

					
					</td>
					
				</tr>
			</table>		
			
			</form>
</body>

E funciona correctamente.
Mas qdo insiro o mesmo código dentro de uma div, o calendário deixa de funcionar, ou seja, não aparece qdo faço click sobre a caixa de input.
Alguém sabe pq?
Obrigada,
Cláudia

#2