CSS-Layer 100% mit MSIE

[Thoralf]

Hallöchen,

ich möchte einen CSS-Layer positionieren, der vom oberen Rand des Browserfensters 55 Pixel entfernt beginnt und 5 Pixel vom unteren Rand entfernt verläuft. Per Browsererkennung werden die CSS-Files je nach Browsertyp geladen, ich kann also zwei Files verwenden. Für Gecko-Browser klappt das so:

#navigator {
 position:absolute;
 top:55px;
 left:5px;
 width:150px;
 bottom:5px;
}

Der MSIE (getestet mit Version 5/6) macht das aber nicht. Er interpretiert die Angabe für bottom offenbar nicht. Wenn ich height:100% verwende, wird diese Höheangabe bezogen auf die Höhe des Browserfensters interpretiert, nicht für den restlichen Platz bis zum Bildschirmrand (also abzüglich der 55 Pixel). Es werden also Scroll-Balken angezeigt.

Ich habe nun für die MSIE folgendes CSS verwendet, für den Body habe ich noch padding:5px; eingefügt.

#navigator {
 position:relative;
 top:48px;
 left:0px;
 width:150px;
 height:100%;;
 padding-top:0px;
 padding-bottom:3px;
 z-index:2;
}

Klappt soweit auch recht gut, aber der Layer geht bis direkt an den unteren Rand des Browserfensters, dafür gibt es diesmal keine Scrollbalken. Kann ich das irgendwie noch umgehen?

P.S. Als Doc-Type wird XHTML 1.0 strict verwendet.

Danke
Thoralf