[Xtml/Css] Problem z backgroundami. Opcje

[Kalinowcyk]

Witam.

Mam pewien problem przy cieciu layoutu.

Proszę spojrzeć na poniższy schemat:



Otóż, rysunek ten przedstawia jeden element blokowy div.
Chciałbym, aby na górze tego elementu występowało tło (background-image) - blok niebieski.
Chciałbym również, aby na dole tego występowało inne tło - blok pomarańczowy.

Na tym wszystkim występować będzie tekst oraz inna zawartość.

Czy jest jakiś prosty sposób, aby osiągnąć taki efekt?

Wiem, można kombinować z z-indexami, relativami itp.
Ale czy można takie coś osiągnąć w jakiś prostszy sposób?

Cała zabawa polega moim zdaniem na tym, aby divovi nadać dwa obrazy tła - jeden u góry, drugi na dole.
Wiem, że takie coś nie jest jako tako niemożliwe, ale może istnieje na to jakaś fajna sztuczka?

Za wszelkie podpowiedzi z góry dzięki
Pozdrawiam.