IE6: absolute div zichtbaar buiten parent

Hoe goed je ook alles ingesteld hebt. IE6 houdt altijd wel een paar kuren. Zelfs al heb je de doctype goed en overflow op hidden staan, dan nog presteert IE6 het om sommige div's buiten zijn parent te tonen.

Probleemstelling

Een absolute div valt ineens buiten zijn parent. Hij wordt gewoon getoond, terwijl overflow op hidden staat. Hoezo brutaal ;)

Oorzaak

De parent div is relative en staat wel goed ingesteld, maar heeft geen 'layout' (hasLayout).

Oplossing

Zorg dat de parent-div apart een hoogte of breedte ingesteld krijgt. Zelfs al is dat niet nodig :(

Je kunt ook 'zoom:1;' gebruiken. Als je de hoogte of breedte echt niet mag gebruiken voor deze div.

Bron: voorbeelden van Brunildo