[css/html] liquid layout en window resize

[megamuch]

test url: http://193.36.177.220/test/layoutgala13.html

In het bovenstaande voorbeeld gaat alles prima in FF (2.0) als ik m'n window op 1024*768 zet. Verkleinen gaat ook prima. Het zwarte blok (backgroundimg van div#leaderbord) valt mooi weg onder het rechter menublok. (div#extra)

In IE6 gebeuren er helaas hele andere dingen. Daar wordt navigation (float left met een negative margin left van 100%) over het zwarte blok verplaatst. En dat is helaas niet de bedoeling.

Wat plaatjes:

FF2.0


IE 6


Nou ben ik geen expert in IE browser bugs (of misschien het geen bug en doet FF het wel fout), maar heb het volgende geprobeerd:

z-index op div#extra verhogen
wrapper div van 100% naar fixed value
Zwarte blok weggehaald. En voila het werkt, Maarja, ik heb toch echt dat zwarte blok nodig.

De originele versie erbij gepakt (http://blog.html.it/layoutgala/LayoutGala13.html) maar ook daar gaat fout

I'm out of ideas in dit geval. Iemand nog een mooie truc om deze lay ook in ie6 te laten werken?
_{ondersteuning voor resoluties <1024 is helaas echt nog nodig in dit geval.}

[robkamp]

Niet zo from the top of my head, maar bij quirksmode op http://www.quirksmode.org/ kan je zeker een oplossing vinden.