[HTML]Allineamento DIV al resto della TABLE

[valeof]

Buongiorno,
sono alle prese con un div all'interno di una pagina jsp che deve essere visibile di default e in alcuni casi non visibile. Mi interessa che alcune righe della tabella originaria non siano visibili al verificarsi di alcune condizioni, ma questo non è il problema, poiché ho fatto delle prove e il giro funziona.

Il fatto però è che, come da allegato, da quando ho inserito le righe della tabella in un div naturalmente queste non risultano più allineate con il resto della tabella. Nel file allegato la riga verticale nera suddivide la visualizzazione vecchia, a sinistra della riga, da quella risultante dalle modifiche, nella parte destra. C'è un modo di allineare il div in modo che risulti come nella parte sinistra?

Inoltre questo è lo script html vecchio:

 <TR>
    <TD colspan="7"></TD>
 </TR>
	 <TR>
	    <TD align="right"><Font color="red">*</Font></TD>
	  	<TD>Località:</TD>
	    <TD colspan="2">
	        
	        <INPUT  dojoType="dijit.form.FilteringSelect" pageSize="15" autoComplete="true" mode="local" style="text-transform: uppercase;" name="comune" id="comuniID" style='width:250px;' onchange="update_comune_store()" onkeyup="update_comune_storePress()" store="comuneStore" value="<%= sisDatiDenunciaInsFormBean.getLocAvvenim() %>" tabindex="112">
	    </TD> 
	    <TD>Indirizzo:</TD>
	    <td>
	    	<INPUT dojotype="dijit.form.TextBox" name ="indAvvenim" id ="indAvvenimID" value="<%= sisDatiDenunciaInsFormBean.getIndAvvenim() %>" size="51" maxlength="50" tabindex="113">
	    </TD>
	    <TD>Numero:
	   	 <INPUT dojotype="dijit.form.TextBox" name ="numAvvenim" id ="numAvvenimID" value="<%= sisDatiDenunciaInsFormBean.getNumAvvenim()%>" size="15" maxlength="16" tabindex="114">
	    </TD>
	  </TR>
	  <TR>
	    <TD align="right"><Font color="red">*</Font></TD>
	    <TD>Cap:</TD>
	    <TD colspan="2"><INPUT dojoType="dijit.form.ComboBox" pageSize="15" mode="local" name="capAvvenim" id="capAvvenimID" store="capStore" style="width:150px;" value="<%= sisDatiDenunciaInsFormBean.getCapAvvenim() %>" tabindex="115"/></TD>
	    
	    <TD><Font color="red">*</Font>Provincia:</TD>
	    <TD>
	    <INPUT  dojoType="dijit.form.FilteringSelect" pageSize="15" autoComplete="true" mode="local" name="provincia" id="provinciaID"  store="provinciaStore" style='width:150px;' value="<%= sisDatiDenunciaInsFormBean.getProvAvvenim() %>" tabindex="116">
	  
	    </TD>
	    <TD></TD>
	  </TR>
	  <TR>
	    <TD></TD>
	    <TD>Nazione:</TD>
	    <TD colspan="3">
	        <INPUT  dojoType="dijit.form.FilteringSelect" pageSize="15" autoComplete="true" mode="local" name="nazione" value="<%= sisDatiDenunciaInsFormBean.getNazioneAvvenim() %>" id="nazioneID"  store="nazioneStore" style='width:150px;' tabindex="117">
	    </TD>
	    <TD colspan="2"></TD>
	  </TR>
 <TR>
    <TD colspan="7"></TD>
 </TR>

all'interno di una table, e il seguente è quello in cui ho spostato questa parte all'interno del div(non è stato cambiato di posizione)

 
 <TR>
    <TD colspan="7"></TD>
 </TR>
 <tr>
	<td colspan="7"> 
	<div id="infoAggiuntiveDiv" style="visibility: visible">
	<table>
	 <TR>
	    <TD align="right"><Font color="red">*</Font></TD>
	  	<TD>Località:</TD>
	    <TD colspan="2">
	        
	        <INPUT  dojoType="dijit.form.FilteringSelect" pageSize="15" autoComplete="true" mode="local" style="text-transform: uppercase;" name="comune" id="comuniID" style='width:250px;' onchange="update_comune_store()" onkeyup="update_comune_storePress()" store="comuneStore" value="<%= sisDatiDenunciaInsFormBean.getLocAvvenim() %>" tabindex="112">
	    </TD> 
	    <TD>Indirizzo:</TD>
	    <td>
	    	<INPUT dojotype="dijit.form.TextBox" name ="indAvvenim" id ="indAvvenimID" value="<%= sisDatiDenunciaInsFormBean.getIndAvvenim() %>" size="51" maxlength="50" tabindex="113">
	    </TD>
	    <TD>Numero:
	   	 <INPUT dojotype="dijit.form.TextBox" name ="numAvvenim" id ="numAvvenimID" value="<%= sisDatiDenunciaInsFormBean.getNumAvvenim()%>" size="15" maxlength="16" tabindex="114">
	    </TD>
	  </TR>
	  <TR>
	    <TD align="right"><Font color="red">*</Font></TD>
	    <TD>Cap:</TD>
	    <TD colspan="2"><INPUT dojoType="dijit.form.ComboBox" pageSize="15" mode="local" name="capAvvenim" id="capAvvenimID" store="capStore" style="width:150px;" value="<%= sisDatiDenunciaInsFormBean.getCapAvvenim() %>" tabindex="115"/></TD>
	    
	    <TD><Font color="red">*</Font>Provincia:</TD>
	    <TD>
	    <INPUT  dojoType="dijit.form.FilteringSelect" pageSize="15" autoComplete="true" mode="local" name="provincia" id="provinciaID"  store="provinciaStore" style='width:150px;' value="<%= sisDatiDenunciaInsFormBean.getProvAvvenim() %>" tabindex="116">
	  
	    </TD>
	    <TD></TD>
	  </TR>
	  <TR>
	    <TD></TD>
	    <TD>Nazione:</TD>
	    <TD colspan="3">
	        <INPUT  dojoType="dijit.form.FilteringSelect" pageSize="15" autoComplete="true" mode="local" name="nazione" value="<%= sisDatiDenunciaInsFormBean.getNazioneAvvenim() %>" id="nazioneID"  store="nazioneStore" style='width:150px;' tabindex="117">
	    </TD>
	    <TD colspan="2"></TD>
	  </TR>
    </table>
	</div>
	</td>	  
</tr>   
    <TR>
            <TD colspan="7"></TD>
    </TR>

Le righe che mi interessa allineare al resto della tabella sono quelle da "Località" a "Nazione"
Qualcuno sa aiutarmi?

Grazie, saluti

[Henry.Chinaski]

In base all'immagine postata, a me sembra tutto sia regolarmente allineato......

[valeof]

A me interessa che l'immagine sia allineata come nella parte a sinistra della riga verticale nera(più che altro è quello che mi è stato comandato di fare). Come ho già detto nella parte destra c'è il risultato della visualizzazione dopo che la modifica è stata effettuata.

Vorrei almeno sapere se c'è modo di farlo perché è questo che non riesco a capire
Grazie, saluti