2 bilder in hintergrund mit css!

Hallo!

Ich möchte 2 Bilder an 2 verschiedenen stellen im HIntergrund einbauen!

Ein Bild geht super mit

.mainBackground {
background-attachment: fixed;
background-image: url(../images/muster3.gif);
background-repeat: no-repeat;
background-position: right top;

}

und das zweite Bild müsste anhand dieses codes so eingebaut sein

background-attachment: fixed;
background-image: url(../images/muster2.gif);
background-repeat: no-repeat;
background-position: left bottom;

Leider wird mir nur ein Bild angezeigt

Gibts da eine LÖsung??

Danke
MIcha

Bin eigentlich kompletter CSS noob!

Meinst du so?

.mainBackground {
background-attachment: fixed;
background-image: url(../images/muster3.gif);
background-repeat: no-repeat;
background-position: right top;


} 


.mainBackground2 {
background-attachment: fixed;
background-image: url(../images/muster2.gif);
background-repeat: no-repeat;
background-position: left bottom;


}

wie mache ich diese 2 container?

Das macht nix, da es sich nur um ein ganz kleines pic handelt! eins soll rechts oben angezeigt werden, das andere links unten!

Danke