CSS-Footer, hier: absolut in relativ positionierter Box

[Elya]

Hallo Forum,
ich habe das zweifelhafte aber lehrreiche Vergnügen, ein abenteuerliches Frames-Layout zu modernisieren, ohne das Design großartig verändern zu dürfen. Klappt auch bisher ganz gut, bis auf eine Kleinigkeit: ein fest am unteren Bildschirmrand verankerter Footer, der sich jedoch bei kleinerem Bildschirmausschnitt nicht über den Inhalt schieben, sondern aus dem sichtbaren Bereich verschwinden soll.

Bei alistapart glaubte ich eine Lösung zu finden (reine CSS ohne JS):

http://www.alistapart.com/articles/footers
mit dem Beispiel:
http://www.alistapart.com/d/footers/footer_css3.html

und habe es auf meine Bedürfnisse anzupassen versucht:

http://visuelya.arcsite.de/self/index_test2.html
CSS-Datei dazu:
http://visuelya.arcsite.de/self/css/styles_modern_screen_test2.css

Wie Ihr beim Verändern der Fenstergröße unschwer erkennen könnt, "funktioniert" der Umsetzungsversuch aber bei mir nicht, weder im IE5.5/6 noch Mozilla. Der footer wird gnadenlos in die Navi (die von Seite zu Seite unterschiedlich lang ist) reingedrückt.

Ich vermute einen Denk- oder Sehfehler bei mir, komme aber nicht drauf. Das ganze ist unabhängig davon, ob in der umgebenden grauen Box 2 oder 3 Elemente stehen, und unabhängig von float und dem Inhalt rechts.

Wer von Euch "anti-table zealots" (Diskussionsbeitrag bei ALA :-)) kann mir auf die Sprünge helfen?

Gruß aus Köln-Ehrenfeld,

Elya