zwei Background Grafiken einbinden

[Sepp]

Moin moin,

ich habe einen Container der eine Größe von 100 x 100 Pixeln hat. Des weiteren habe ich zwei Grafiken g1.gif und g2.gif die eine Größe von 100 x 10 Pixeln haben. Wie ihr in dem CSS-Auszug unten seht, soll g1.gif oben links im Container plaziert werden, während g2.gif unten links im Container plaziert werden soll. Das dumme ist, dass g1.gif nichtmehr zu sehen ist, nachdem g2.gif auch als Hintergrundgrafik eingebunden wurde. Wie kann ich denn erreichen, dass beide Grafiken angezeigt werden?

  
container {  
  width: 100px;  
  height: 100px;  
  background: url(g1.gif) repeat-x top left;  
  background: url(g2.gif) repeat-x bottom left;  
}