fixed Hintergrundbilder

Hi,

folgendes Problem:

Ich habe für den Body ein fixed Hintergrund = kein Problem

Dazu gibt es dann einen div-Container, der die Höhe 100% haben soll, also genau so groß sein soll, wie das Browserfenster hoch ist.

ABER im Firefox funktioniert das ganze nicht - für IE 6 benutze ich ein JAvaScript

Im Firefox wird der Hintergrund des divs nicht richtig dargestellt, da die Höhe des DIVs nicht korrekt ist.

HTML-Code:

---

html, body {
        height: 100%;
        min-height: 100%;
}

body {
        background: #fff url(../img/body_bg.gif) fixed bottom repeat-x;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
}

div#maincontainer {
        background: url(../img/body.gif) no-repeat right bottom fixed;
        height: 100%;
        min-height: 100%;
}

---

Wie bekomme ich den maincontainer jetzt also auf die tatsächlichen 100%?

lg niji

Probier's mal so:

Code:

---

#maincontainer {
        background: url(../img/body.gif) no-repeat right bottom fixed;
        position: absolute;
        top:0;
        bottom:0;
}

---

Dann verkleinert der mir das div noch mehr !?

Wie sieht der HTML-Quelltext (komplett) dazu aus?

zeig ich Montag - komme ich vorher nich mehr ran ;)

EDIT: hat sich mit min-height erledigt