Faire déborder le conteneur de son parent sans agrandir le parent dans IE 6?

Question

J'ai utilisé la disposition en trois colonnes dans l'article "In Search of The Holy Grail" de A List Apart pour un magasin sur lequel je travaille et qui utilise Magento. À l'intérieur de la colonne du milieu, en haut, il y a un récipient que je voudrais déborder pour qu'il sorte à l'extérieur de la colonne du milieu et passe par-dessus le haut de la colonne de droite. Comme ci-dessous.

 
_______________________________ 
|  |      | 
|  | Middle/Top   | 
|Left |_______________________| 
|  |     |  | 
|  | Middle/Main |Right| 
|_____|_________________|_____| 

La façon dont je l'ai fonctionne très bien dans tous les navigateurs modernes, mais dans IE 6 la section Moyen-débordement/Haut provoque la largeur du Moyen/section principale pour développer un contenir.

Est-ce que quelqu'un sait d'un moyen de résoudre ce problème?

Answer 1

Le problème que je vois dans IE6 est que #sub-content et #sidebar sont au mauvais endroit, horizontalement. Essayez de faire un cas de test minimal et comparez votre structure et votre style à la structure et au style du Saint Graal. Une différence est que vous avez échangé les colonnes gauche et droite (#sidebar devrait venir avant #sub-content). Fixez cela pour commencer.