IE7: texte flottant de divs flottants

Question

J'ai div contenant plusieurs divs et le texte. Les divs internes sont alternativement flotter à gauche et à droite et le texte circule à côté d'eux dans tous les navigateurs (y compris IE8), sauf pour IE7. Dans IE7, le texte est poussé vers le bas de sorte qu'il est aligné avec le haut de la division interne finale. J'ai essayé toutes sortes de solutions et ai lu a good article on the subject

Cependant, je ne peux toujours pas empêcher le texte d'être effacé dans IE7. Voici le HTML relavent (notez que ce div est imbriqué dans un tableau HTML avec une largeur spécifiée car il s'agit d'un ancien site.) J'ai essayé d'extraire le div de la table, mais le même comportement se produit:

<div> 
    <div class="left"></div> 
    <div class="right"></div> 
    Text goes here 
    <br /> 
    Text goes here 
</div> 

et CSS:

.left { float:left; } 
.right { float: right;} 

J'ai essayé d'appliquer display: inline, affichage: inline-block, clair: aucun, overflow: hidden, en spécifiant la largeur, la position: par rapport à la div contenant, divers hacks tels que IE7 conditionnel avec zoom: 1, min-width: 1% - essentiellement des heures à tirer mes cheveux et à draguer Google pour obtenir des réponses, mais je n'ai rien trouvé qui fonctionne. Quelqu'un a-t-il déjà rencontré ce problème et a-t-il trouvé une solution?

(pour le test je suis en cours d'exécution IE8 en mode Vista dans la compatibilité)

Answer 1

Je suis sûr que des maux de tête qui IE7 apporte. Dieu merci, c'est bien mieux que IE6, mais c'était un casse-tête pour moi dans de nombreuses situations.

Dans ce cas, je vous recommande de générer du code spécifique IE7 en utilisant des tables!