Image qui dépasse d'une zone :-/

Bonjour,

Je souhaite afficher des gravatars (des images) à droite des commentaires sur mon blog.

Ces images s'affichent bien, mais elles dépassent en bas de la zone grise des commentaires lorsque les commentaires ne sont pas assez longs.
Comme par exemple sur cette page.

Mon code css est ici. Il correspond à au thème par défaut de DotClear 2, auquel j'ai rajouté pour l'occasion le code css correspondant aux gravatars :

img.gravatar_img {
	background: #F5F5F5;
	float: right;
	width: 60px;
	height: 60px;
	margin: 5px;
}

Je n'arrive pas à ne pas faire dépasser les images des zones de commentaires, à faire en sorte que les zone "s'agrandissent" pour qu'elles "acceptent" toute l'image.

Pourriez-vous m'aidez s'il vous plait ?
Modifié par Yazerty (24 Sep 2006 - 15:10)

Bonjour,

Je pense qu'il s'agit du même cas que moi:
http://forum.alsacreations.com/topic-4-18374-1-rsolu-Dpassements-avec-des-blocs-imbriqus-flottants.html

Les blocs parents ne calculent pas leur taille par rapport aux blocs enfants flottants (dans notre cas, une image).
Il faut forcer le calcul avec : overflow:auto; à mettre dans la classe du bloc parent.

A noter que IE semble bien calculer automatiquement la taille du bloc. J'avais ce problème uniquement avec Mozilla. J'ai ajouté overflow, et désormais, ça marche sur les deux navigateurs