Hintergundgrafik

[Janine]

Hallo!

Ich habe ein Frage zur Anordnung eines Hintergrundbildes per CSS:
Wie bekomme ich es hin, dass die "Spalte Mitte" am Ende des Browserfensters immer bündig mit der Hintergrundgrafik des Bodys abschließt?

Die betr. Website hat folgenden Aufbau:
|------------------------------------------------------|
                      Header-Visual
|------------------------------------------------------|

Spalte       Spalte Mitte mit weißem        Spalte
  links        Hintergrund                    rechts

|----------||------------------------------||----------|

Weitere Infos:

• Die Seite ist horizontal per "margin: 0 auto 0 auto;" zentriert.
• Der Body beinhaltet eine Hintergrundgrafik mit grauem Farbverlauf (nach oben in Weiß auslaufend) und ist mit "background-position: bottom;" am Seitenende ausgerichtet. Es ist eine 1 Pixelgrafik, die nach x wiederholt wird.

  
html, body {  
  color: #000;  
  text-align: center;  
  height: 100%;  
  font: 12px Arial, sans-serif;  
  background: url(images/bkg_body.jpg) bottom left repeat-x;  
}  

• Der eigentl. Content-Bereich (hier: Spalte Mitte) hat eine weiße Hintergrundfarbe.

  
#contentArea {  
  margin: 0 auto 0 auto;  
  width: 980px;  
  min-height: 100%;  
  height: auto !important;  
  height: 100%;  
  background-color: #fff;  
  text-align: left;  
  padding-top: 25px;  
}  

Leider funktioniert dies, wie oben beschrieben, nicht richtig. Bei größeren Bildschirmauflösungen schließt der Hintergrund des Bodys nicht am Seitenende (unterer Rand des Browserfensters) ab.

Danke!

Viele Grüße

Janine