Ho un problema con l'allineamento di alcuni campi.

Utilizzo dei table... e arrivato al punto dove inserisco una piccola funzion javascript che fa aggiungere + campi, creo un'altra voce che vorrei fosse allineata con le altre... ma non riesco perché da quanto ho capito prende la lunghezza del TD di una voce precedente e adatta tutta la tabella di conseguenza.

Questo è il mio codice:

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>aggiungi / rimuovi campi input</title>
<script language="JavaScript" type="text/javascript">
<!--
var num=1;

</script>
</head>
<body>

	<table align ="center">
			
			<td></td>
			<td></td>
			<td></td>
			<td>Di chi?</td>		
			<td>Nome e cognome</td>
			</tr>


			<tr>
			<td>2) 123456 1 123456789123 1234567891234 12345 1234567</td>
			<td><input name="aaaaaaaa" maxLength="50"  size=10>  </td>
			
			<td><input name="Commento 2)" type="button" value="*" onClick="show_hide(this); this.style.color='red'"></td>
			</tr>

	
			<tr>
			<td>8) 12345678 123456789</td>
			<td><input name="bbbbbbbb" maxLength="50"  size=10> </td>
			
			<td><input name="Commento 8)" type="button" value="*" onClick="show_hide(this); this.style.color='red'"> </td>

			<td><select name="abcT" size="1" maxLength="50">
  			<option selected><? echo($_GET["abc"]);?> </option>
           		<option>Lupin</option>
           		<option>Jighen</option>
           		<option>Altre persone</option>
			</select>
			</td>

			<td><input name="ccccccccc" maxLength="30" size=35>  </td>
			</tr>


			

			<tr>
			<td>9) 123456 1234567</td>
			<td><input name="ddddddd" maxLength="50" size=10></td>
			

			<td><input name="Commento 9)" type="button" value="*" onClick="show_hide(this); this.style.color='red'"></td>

			<td><input name="Aggiungi" type="button" value="Aggiungi altri" onclick="accoda()"></td><td><input type="button" value="rimuovi" onclick="rimuovi()"></td>
			
			</tr>
			<form name="modulo">

			<table align="center" id="tabella">
			<tbody>
			<tr>
			<td></td>

			</tr>
			</tbody>
			</table>			
			</form>
			
			<table align="center">
			<tr>
			<td>10) 123456 12345 12345678912</td>
			<td><input name="eeeeeeee" maxLength="50"  size=10> </td>
			

			<td><input name="Commento 10)" type="button" value="*" onClick="show_hide(this); this.style.color='red'"> </td>

			<td><input name="Aggiungi" type="button" value="Aggiungi altri" onclick="accoda()"> </td><td width=15%><input type="button" value="rimuovi" onclick="rimuovi()"></td>

			</tr>	

</table>


</body>
</html>
non fate troppo caso ai numeri... era per dare un'idea della lunghezza del TD.
Usare i table è sbagliato? Devo per caso usare div? Non ho mai provato e non saprei da dove partire... qualcuno mi può aiutare?

Grazie