Třísloupcový layout s hlavičkou a patičkou

Dobrý den,
Prosím vás jak mám udělat, aby se mi oba boční sloupce natahovaly podle hlavního sloupce. Čím bude delší hlavní sloupec, tím budou delší i ostatní sloupce.
Děkuji za odpověď

Tak jsem si to pročetl a stejně mi to nefičí. Hlavní problém, který se snažím řešit, je ten, že když nastavím nějaký <div></div>, ve stylech mu nastavím background-image, tak to pozadí se mi tam nezobrazi, pokud tam neco neni napsane. :-(
Jinak prikladam kod i CSS

<div id="hlavni_obsah">
<div id="levy_sloupec">
g
</div>

<div id="pravy_pravy">
<div id="hlavni_sloupec">
ůoasjf lkjsalfja wljflkajwlfj alwjflk jaw<br /><br />oiawjdjw
lawjkldjkljada dajwdlk jawld<br />
</div>

<div id="pravy_sloupec">
g
</div>
</div>
</div>

#hlavni_obsah{
font-family: Tahoma, Arial, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
color:#FFDE52;
}

#levy_sloupec {
width:74px;
background-image:url(images/hlavni_levy.jpg);
float:left;}

#hlavni_sloupec {
width:820px;
background-color:#FFFF00;
float:left}

#pravy_sloupec {
width:74px;
background-image:url(images/hlavni_pravy.jpg);
float:right;}

#pravy_pravy {
float:right}


Jinak jsem amatér, tak mě moc nezničte za ten kod :-)

Ne já jsem to nedělal podle toho návodu. je to má stránka a mé obrázky.
Na ten návod jsem se jen podíval. :-)

Takže dá se to nějak vyřešit jinak? Nehcu v těch bočních sloupečcích mít něco napsane. Prostě bych chtěl aby byly stějně dlouhé jako hlavní sloupec ve kterém bude text.