[css] overflow probleem in firefox

[UniCache2]

ik heb een content div in een container div. De container heeft overflow:auto zodat hij meeschaalt met de hoogte van de content. In IE werkt alles prima, in firefox gaat de content div over de container heen en raakt alles in de war. Ik heb al een aantal dingen geprobeert, maar heb net niet genoeg kennis van css om dit op te lossen.

Hier een link met weinig tekst, werkt in beide browsers goed:
http://www.webdefine.nl/tests/goed.htm

Hier een link naar dezelfde pagina met meer tekst, waar het dus fout gaat.
http://www.webdefine.nl/tests/fout.htm

Voor het gemakt heb ik even de css in de pagina zelf gezet.

[Michali]

Als je de height van div.content weghaald, dan gaat het wel goed. Firefox geeft een element altijd de breedte die je opgeeft, desnoods valt er content buiten. IE rekt hem op als de content er niet in kan.

Om die kolommen goed te krijgen kan ik je aanraden eens naar Faux Columns te kijken.

[UniCache2]

Ah dat was wel een hele simpele inderdaad, dank je!
Even over die kolommen, wat is er nu niet goed aan, of wat kan er dan beter aan? Is het netter om faux colimns te gebruiken ofzo?

[Michali]

Ik zag dat de rechter kolom niet goed meeschaalde met de tekst. Nu zie ik dat niet meer. Als je daar verder geen problemen mee hebt, dan is het wel goed.

Met Faux Columns kun je gemakkelijk meerdere kolommen maken die met elkaar mee oprekken. Zo lijkt het net alsof je kolommen wel gewoon doorlopen terwijl het element met inhoud eigenlijk eerder stopt.