[XHTML 1.0] Confusion de deux forms imbriqués

Salut. ^^
J'ai un petit problème avec une page de mon site d'e-commerce, le panier.
J'ai en face de chaque article présent dans le panier un bouton de suppression.
Avec, je peux supprimer tous les articles listés sauf le tout premier.
Voici le code (la page de rendu) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<form method="post" action="finalisation_commande.php" class="centrer">
	<table>
		<tr>
			<th class="rouge">&nbsp;*&nbsp;</th>
			<th class="centrer" colspan='2'>&nbsp;Article&nbsp;</th>
			<th class="centrer">&nbsp;Description&nbsp;</th>
			<th>&nbsp;Prix unitaire&nbsp;</th>
			<th>&nbsp;Quantit&eacute;&nbsp;</th>
			<th>&nbsp;Total&nbsp;</th>
		</tr>
		<tr>
			<td>
				<form method="post" action="/licorne/panier.php">
					<p style="margin : 0px; padding : 0px;">
						<input type="submit" name="suppr_article" value="X" />
						<input type="hidden" name="id_article" value="128" />
					</p>
				</form>
			</td>
			<td>&nbsp;
				<a href="enluminures/max/17.jpg" title="R" rel="lightbox">
					<img src="enluminures/min/17.jpg" alt="R" />
				</a>&nbsp;
			</td>
			<td class="gras">
				R&nbsp;
			</td>
			<td class="italique">&nbsp;La lettre R enluminée&nbsp;</td>
			<td class="gras droite">&nbsp;80&nbsp;&euro;&nbsp;</td>
			<td class="gras centrer">&nbsp;1&nbsp;</td>
			<td class="gras droite">&nbsp;80&nbsp;&euro;</td>
			</td>
							</tr>
						<tr>
				<td>
					<form method="post" action="/licorne/panier.php">
						<p style="margin : 0px; padding : 0px;">

							<input type="submit" name="suppr_article" value="X" />
							<input type="hidden" name="id_article" value="129" />
						</p>
					</form>
				</td>
				<td>&nbsp;
					<a href="enluminures/max/14.jpg" title="O" rel="lightbox">
						<img src="enluminures/min/14.jpg" alt="O" />
					</a>&nbsp;

				</td>
				<td class="gras">
					O&nbsp;
				</td>
				<td class="italique">&nbsp;La lettre O enluminée&nbsp;</td>
				<td class="gras droite">&nbsp;60&nbsp;&euro;&nbsp;</td>
				<td class="gras centrer">&nbsp;1&nbsp;</td>

				<td class="gras droite">&nbsp;60&nbsp;&euro;</td>
				</td>
							</tr>
						<tr>
				<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
				<td class="gras gauche" style="border-top : 1px solid black;">Total&nbsp;des&nbsp;articles&nbsp;:&nbsp;</td><td class="droite gras" style="border-top : 1px solid black;">140&nbsp;&euro;</td>

			</tr>
			<tr>
				<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
				<td class="gras gauche">Frais&nbsp;de&nbsp;port&nbsp;:&nbsp;</td><td class="droite gras">6&nbsp;&euro;</td>
			</tr>
			<tr>

				<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
				<td class="gras gauche">Total&nbsp;:&nbsp;</td><td class="droite gras">146&nbsp;&euro;</td>
			</tr>
					</table>
			<hr />
		<h2>Moyen de paiement</h2>
		<p style="width : 230px;">

			<label for="cheque">Chèque</label><input type="radio" id="cheque" name="paiement" value="chk_cheque" checked="checked" /><br />
			<label for="cr">Contre-remboursement (+ 6 &euro;)</label><input type="radio" id="cr" name="paiement" value="chk_cr" /><br />
		</p>
		<p style="margin-left: auto; margin-right : auto;">
			<input type="submit" name="valid_comm" value="Finaliser la commande" />
		</p>
	</form>

Il y a ici un gros form (en rouge) qui permet d'envoyer la commande sur une autre page afin de la finaliser.
A l'intérieur il y a 2 forms (en bleu) correspondant à 2 articles, permattant de supprimer l'article qui lui y est associé (la requête de suppression se trouve sur la même page).
J'ai l'impression que le premier submit (du premier formulaire de suppression) pense être associé au tout premier form (de finalisation).
Qu'est-ce que je peux y faire ?
Merci. ^^