CSS pour créer un groupe de texte avec un bord même gauche avec une largeur auto

Question

Je suis en train de créer quelque chose de mise en page comme celui-ci (vous aurez besoin d'utiliser votre imagination):

A B 
    B 
    B 

A est un morceau de texte, B est un morceau de texte dont je voudrais aligner le bord gauche avec lui-même. Pour compliquer davantage les choses, B est caché par défaut, et ne devrait pas être pris en compte dans la configuration du flux de la page, mais devrait apparaître lorsque A passe la souris au-dessus de tout ce qui arrive là où il apparaît. Ainsi:

A1 
Asecond 

sur mouseover de A1 devient:

A1 B1 
AseB1 
    B1 

Chaque ligne AB est contenu dans une div qui a une largeur fixe. Je ne sais pas à l'avance la taille de A, donc j'aimerais que B prenne tout simplement beaucoup d'espace dans la div.

Sur Firefox, j'ai simplement fait en sorte que B ait une position absolue, et tout était génial, ça a fonctionné exactement comme je m'y attendais. Cependant, sur IE8, B prend une largeur égale au div contenant de la largeur fixe, ce qui entraîne le dépassement de la div avec le texte de débordement dû au fait que B est déjà décalé de la largeur de A. Je peux définir le div to overflow: caché, mais cela coupe simplement le texte. Définir B pour avoir une largeur: auto ne semble rien faire.

Suis-je vraiment foutu, ou y a-t-il une approche que je peux prendre qui fonctionnera dans tous les navigateurs raisonnablement modernes?

Answer 1

Donnez un cliché: http://www.alistapart.com/articles/conflictingabsolutepositions/ Des positions absolues en conflit sont mes solutions de contournement préférées.

dans certaines circonstances peuvent ne pas fonctionner IE6, selon cette note: http://fu2k.org/alex/css/frames/