Decalage de contenu dans une boite flottante

Bonjour !

J'utilises des boites flottante couplée avec du php pour afficher des vignettes de produits. (plusieurs vignette les une a coté des autres.)

les vignettes sont générées en boucle par php en fonction d'une base de donnée,
Jusque la pas de soucis tout fonctionne
Lorsque j'integre un nom ou une image pas de soucis
mais dès que je rajoute un formulaire tout se decale , les vignettes se mettent en cascade et le contenu du formulaire sort de la boite ? !


voila le css des flottantes

p {margin: 0 0 10px 0;}

.flottante {
  background-color: #00ff00;
  border: 2px dotted #ffff00;
  margin: 2px;
  float: left;
  width: 120px;
  height:200px;
  text-align: center;
  overflow : hidden;

}

voila le code d'affichage

	echo '<p class="flottante">
													'.$p_n.'<br>
													<img src='.$img.'>
													<FORM ACTION="'.$_SERVER['PHP_SELF'].'" METHOD="POST" TARGET="_top">
													<input type="hidden" name="id_p" value="'.$id_p.'">
													<input type="hidden" name="qte" value="1">
													<input type="hidden" name="name" value="KAPORAL CAMPH">
													<input type="hidden" name="taille" value=" S">
													<input type="hidden" name="couleur" value=" KAKI">
													<input type="hidden" name="prix" value="39">
													
													<input type="hidden" name="choix" value="'.$choix.'">
													<input type="image" SRC="img/b_ajout.jpg" border=0>
													</FORM>
											
													</p>

une aide serait précieuse !!!

des images pour montrer le resultat (c'est moche mais ce sont des essais !)


Sans formulaire



avec formulaire