Probleme de texte autour d'une image en float.

Bonsoir,

j'ai ce problème, le texte de chaques liste <li> devraient venir épouser le contour de l'étoile bleu à droite "Gros consommateurs ? profitez des packs photo"

http://www.developpementphoto.net/V3/

J'ai sur l'image donné cette propriété :

style="float:right; margin:10px; border:0"

De plus la seconde ligne de la liste a un espace avec le premier élément, ce qui est du a l'image aussi.

Pouvez vous m'aider ?

Edit le résultat n'est pas le même sous internet explorer et firfox. .. je vous laisse voir de vous même.

Merci

Bonjour,

C'est dû au contexte de formatage (via le overflow: hidden) sur les LI. Solution: ne pas utiliser overflow: hidden ici. Tu peux éventuellement utiliser clear: left si ça passe bien. Ou éviter d'utiliser des flottants dans les LI.

En utilisant clear: left, ca passe bien sous firefox (tu peux regarder le l'ai laissé en ligne) mais pas internet explorer.

J'ai utilisé des <span> car j'avais besoin de faire un liste un peu spécial (cf : http://forum.alsacreations.com/topic.php?fid=4&tid=36411&s= )

Donc je ne peux pas supprimer tout ce qui est span dans la liste

j'ai essayer de bidouiller pas moyen d'avoir un résultat correcte ....