Retour à la ligne automatique dans les div

Bonjour,

J'ai fait un petit test (voir ici).
Deux div positionnés en absolu (1 et 3), et une troisième (n°2) qui fait partie de 1.

Les div 2 et 3 ont la meme valeur pour height et width (auto), et j'ai mis le meme texte dans les 2 div.
Le truc c'est que la div n°2 ne s'agrandit pas correctement (en tout cas pas comme la 3). Elle reste en largeur dans les dimension de la div parente. Comment forcer ce non retour à la ligne du texte ? (en Javascript ou CSS)

Merci

ce ne serait dû à ton z-index: 10 :?:

Non, j'ai enlevé les z-index, ca ne change rien.

Si tu mets tes div en position absolue pourquoi imbriquer les deux div?

C'est parce que dans l'application que j'ai, je mets la div imbriqué à une dimension en % de la div parente. J'aurais voulu que quand on passe la souris dessus ca se met en auto et que le texte fixe les dimensions de la div sans que la div parente n'intervienne dans ca.

Je pense que tu devrais sortir le div du parent et tout définir toi même.