jeanlucpicard: "top" UND "bottom" in absolut positionierten Elementen

Beitrag lesen

Hi,

ich habe eine XHTML-Seite mit eine paar Bildern am Rand. Der eigentliche Inhalt befindet sich in einem Div-Layer, der wie folgt formatiert ist:

div#content
{
  position:absolute;
  left:90px;
  top:90px;
  right:2px;
  bottom:2px;
  padding:5px;
  max-width:750px;
  border:1px solid #C83200;
  background:#FFE6DD url(background.png) no-repeat;
  overflow:auto;
}

Wie man sieht soll er 90px Abstand nach oben haben und nach unten (fast) bis zum Ende des Client-Bereichs des Browsers reichen.
Im Firefox funktioniert das perfekt.
Für den IE habe ich mir immerhin einen Workaround basteln können:

div#content
{
  width:750px;
  height:expression((document.body.clientHeight-92)+"px");
  width:expression((document.body.clientWidth-92)<750?(document.body.clientWidth-92):750+"px");
}

Aber Opera (8.5) will nicht so richtig. Der Browser scheint Probleme mit der Anagabe von "top" UND "bottom" zu haben. Das Verhalten des Div-Layers ist ziemlich unberechenbar.

Nun meine Frage: Lässt sich die Geschichte auch Opera-kompatibel lösen, bzw. gibt es einen Workaround für Opera? Und haben andere Browser ebenfalls solche Probleme?
Leider habe ich auf diese Fragen trotz Suche noch keine Antworten gefunden.

Schon mal Danke für eure Antworten!