Float et IE... pour changer...

Bonsoir,

je vois que je ne suis pas le seul avec un souci de float sur IE...

Voici la page qui pose problème chez moi : http://www.netperles.be/blog.php?1-fete-meres

Avec Firefox, pas de souci. Avec IE, le texte vient se coller en ligne avec les petites boîtes, je ne sais pas comment coder ma css pour faire en sorte que le texte vienne se placer en-dessous.

Le code de la zone qui pose problème :

<div id="main-content">

  	<p>baratin baratin baratin baratin</p>

  	<div class="gallery-blog">

  	  	<!-- hop une petite boîte ! -->
  	  	<div class="gallery-thumbnail">
		  	<a href="#"><img src="a.jpg" /></a>
	  	</div>

  	  	<!-- hop une autre petite boîte ! -->
  	  	<div class="gallery-thumbnail">
	  		<a href="#"><img src="b.jpg" /></a>
	  	</div>

  	</div>

  	<p>baratin baratin baratin baratin</p>

</div>

et la css qui correspond :

#main-content {
	float: left;
	}

.gallery-blog {
	}

.gallery-thumbnail {
	float : left; 
	}

#main-content p {
	display: block;
	}

Je suppose que je dois ajouter quelque chose à .gallery-blog pour résoudre le problème, mais quoi ?
Modifié par effisk (15 May 2006 - 00:39)

Salut

Essaye avec

.post-content p {
     	clear: both;

}

A+

arf. j'ai trop honte. J'avais essayé de le coller partout cet attribut, sauf sur la balise du paragraphe.

Merci.