Décalage d'une liste à cause d'un div float left positionné à côté

Bonjour,
Dans la page
http://www.agencekosy.com/test/conseil_image_personnelle.html
La première liste (celle qui est dans le paragraphe "Importance de l'image dans les relations") est bien décalée vers la droite par rapport au reste du texte.

Par contre, la liste du paragraphe "Apports du Conseiller en Image" se trouve à côté d'un div dont le css est :
#float_left{
float:left;
padding-right:20px;
padding-top:10px;
}
Et comme vous pouvez le voir, la liste n'est pas décalée vers la droite comme la première. Elle est alignée sur le reste du texte et les puces se trouvent dans la zone de "padding-right".
Comment résoudre ce problème ????
Merci à vous.
Modifié par celine33700 (14 May 2010 - 14:48)

Il te faut indiquer des marges à gauche pour tes éléments se trouvant à droite de tes images.

Autre solution: positionner ta liste en relatif, et indiquer un décalage à gauche de 20 pixels (qui correspond à la valeur de la marge à droite de ton image).

Bonjour,

Je pense qu'un overflow: hidden; sur ton ul récalcitrant devait être également une des solutions.

Super ça marche avec overflow: hidden !
Merci beaucoup !