Float et dépassement

Sur une mise en page à deux colonnes, j'ai un float:right et la partie gauche dans le flux avec un margin pour caler le float.

Lorsque la partie en float est plus longue que la partie gauche, elle sort du cadre. Normal. Pour pallier au souci, j'utilise l'astuce trouvée ici : overflow:auto.

Ailleurs dans mon site, cela fonctionne mais ici non. J'ai une barre de scroll qui s'affiche.

Là, je n'arrive vraiment pas à comprendre. La page est visible ici : http://solene.avigora.com/mag/specialites/astrologie/
et le css ici :
http://solene.avigora.com/css/shared/styles_avigora.css

Si quelqu'un arrive à m'expliquer le souci, il aura ma reconnaissance éternelle !

edit : je viens de regarder sur IE6, c'est encore plus le merdier. Comprends pas.
Modifié par miio (04 Oct 2007 - 18:31)

il y a pas mal d'infos ici :
http://forum.alsacreations.com/faq/faq-6-Comment-eviter-que-mes-elements-flottants-float-depassent-de-leur-conteneur-.html

(si la voyante ne voit pas... Si je peux me permettre )

Malheureusement, j'ai déjà testé la technique du clear:both et ça ne fonctionne pas non plus.

Quant à la solution avec la pseudo-classe :after, elle ne marche pas avec ie6 et donc ça ne m'intéresse pas.

Je pense qu'il y a un souci à un autre niveau mais je ne vois où

Bon, j'ai modifié pas mal tout la mise en page css, ajouté des float et des width pour positionner tout ça... Ca marche même si la solution ne me parait pas un modèle d'élégance.