DIV avec un float:left, problème sous firefox !

bonjour ,

alors voilà un petit exemple de mon problème se créant sous firefox et pas IE :

j'ai un div principal avec comme atribut "margin-left: 12%;.

dans ce même DIV, je met plusieurs calquesnd'une largeur de 50% avec un float:left pour qu'il y en ai deux par ligne. leur atribut est :

width : 50%;
text-align : left;
float : left;
margin-bottom: 10px;

le problème est que lorsque le nombre de DIV à 50% de largeur est impaire, il y en a un tout seul en dessous, là OK. mais le contenu se trouvant hors du DIV principal se retrouve collé a ce DIV orphelin !

voilà la structure :

a écrit :

<div class="principal">
---<div class="demi_div">
------contenu
---</div>
---<div class="demi_div">
------contenu
---</div>
---<div class="demi_div">
------contenu
---</div>
contenu décalé
</div>

et voici un shema de ce qui se passe :

[
] contenu décalé

alors que je voudrais :

[
]
contenu décalé

ne me dites pas de faire un 4ème DIV car je ne gère pas leur disposition, le tout etant généré en php pour un annuaire...

pour avoir le problème en image :

http://www.depannetonpc.net/annuaire/index-test.php

comme vous le voyez le mot "rechercher" est loin d'être a sa place
il devriat etre juste au dessus de la derniere ligne pointillé

lien vers la feuille de style :http://www.depannetonpc.net/style.css

en espérant que j'ai posté dans la bonne catégorie et bien explique mon problème, je vous remercie pour toute aide !

je suis sur que c'est pas grand chose

ps: le problème se produit seulement sous firefox!
Modifié par vin-moi (20 Jun 2005 - 00:38)

Bonjour,
Je pense qu'en mettant

<p style="clear:left;">

autour de

<img src="tst_fichiers/icon.gif" alt="Actualité PC" border="0" height="10" width="12"> <strong>Rechercher  </strong>
<img src="tst_fichiers/barr.gif" alt="" height="2" width="518">

cela devrait résoudre ton problème. @+