Více obrázků na pozadí pomocí <DIV>

Potřeboval bych poradit.
Děkám stránku pomocí tagů <DIV>. Nicméně, jde o tohle. Potřebuji,aby se mi dva hlavní DIVY, jeden nahoře stránky, je v něm uložené hlavní logo, a druhý ve zbytku stránky, roztahovaly na plnou výšku a šířku.

Šířku šéfuje ten horní (jelikož coby obrázek je tam vodorovné logo pordloužené pomocí krajů a pozadí s obrázkem a atributu repeat-x).
Nicméně je problém v tom druhém,na kterém má být zbytek stránky. Ten přebere šířku podle toho horního. Ale je problém s jeho výškou. Tu prostě nemůžu zvětšit. Správně by si měl přece přebírat výšku podle jeho obsahu. Ale on na to s prominutím kašle.
Prostě má svou výšku. Jediné,na co reaguje je nastavit mu šířku na pevno pomocí "px",ale to je dost nepružné a já potřebuji,aby se roztahoval a zase zmenšoval. Opravdu nevím,co s tím. Zkoušel jsem už všemožné kombinace a nic.

Díky za odpověď.

V CLEARu to není,jelikož do té doby nebyl použit. Napíšu sem kód těch <DIV>ů bez vnitřních objektů. Prostě syntaxi:

<div style="margin: auto; width: 100%; position: static; z-index: 80;" align="center">
<div style="background-image: url(http://www.saccon.cz/repository/layout/new/E-shop/Pozadi1.jpg);">
........
</div>
<div style="background-color: rgb(169, 209, 224); position: static; z-index: 40; height: 100%; width: 100%; background-repeat: repeat-y;">
<div style="background-image: url(http://www.saccon.cz/repository/layout/new/E-shop/Pozadi2.jpg); background-repeat: repeat-x; position: static; z-index: 40; height: 100%; width: 100%;" align="center">
<div style="border-style: solid; border-color: white; border-left: 8px solid white; width: 900px; position: relative; left: 53px; z-index: 45; background-color: rgb(255, 255, 255); height: 100%;" align="center">
.
. Zde je umístěno tělo samotné stránky. Šířka tohoto těla se má různě lišit.
.
.
</div>
</div>
</div>
</div>

Celá stránka je rozdělena do sekcí pomocí <DIV>. Samotné pozadí se skládá ze tří <DIV>. První <DIV> (když nepočítám ten hlavní největší) obsahuje logo a jsou tam další dva obrázky a je roztáhnut na 100% šírky stránky. To funguje OK.
Hned pod ním jsou pak dva <DIV>. První (co má na pozadí pouze barvu),který je pod druhým, nepřejímá výšku podle obsahu.
Zobrazí se mi tam v postraních panelech pouze tenká modrá čára. Jakoby nemohl kreslit tam,kde je obsah (myšleno od shora dolů). Nicméně <DIV>,který má v sobě obsah stránky je pevně nastaven se šířkou na 900px a tudíž nemůže zasahovat nikam,když je třeba šířka stránky 1280px. Právě ten zbytek na obou stranách chci vyplnit těmi dvěma <DIV>y,co jsou uvedeny nahoře. Ale prostě oni se neroztáhnou na celou výšku stránky. Já už fakt nevím. Zadávám to špatně?

Díky

Sorry,napsal jsem,že se může měnit šířka těla stránky. To ne,měl jsem na mysli výška. Šířka je daná pevně na 900px

Divné je,že v IE to funguje správně a bez problémů. Pouze FF to odmítá roztáhnout. Že by nějaký rozdíl mezi tzěmito dvěma programy??