teksti kahden taustan päälle

Käytän sivuilla kahta diviä joilla molemmilla on eri tausta. Ensimmäinen tausta venyy alaspäin sitä mukaa kun teksiä tulee ja toinen tausta on sitten heti sen jälkeen alapuolella. Pitäisi kuitenkin saada sivu toimimaan niin, että teksti menee molempien divien päälle sillä tavalla, että ylempi div venyy tekstin mukana ja alempi vain siirtyy sitä mukaa alaspäin kuin ylempi venyy.

.sivu #esim1 {
   padding: 0;
   background-image: url(images/tausta1.jpg);
   background-repeat: repeat-y;
   margin: 0;
}
.sivu #esim2 {
   padding: 0;
   margin: 0;
   background-image: url(images/tausta2.jpg) ;
}



Tähän nykysellään tulee kaikki teksti, mutta se pitäs muuttaa niin, että tekstiä tulee myös tuon esim2 kohdan päälle. Näinhän tämä ei onnistu, vaan se pitää tehdä jotenkin eri tavoin. Mikä se erilainen tapa sitten mahtaa olla??


Pitäisi siis tekstin tulla myös tämän päälle eikä jäädä vain esim1:n päälle. Miten tämän ongelman oikein voi ratkaista??