CSS - pozicování

Potřeboval bych zase poradit. Začal jsem si hrát s CSS, mám všechny styly v externím souboru, ale nejde mi udělat, aby se mi patka pohybovala podle obsahu. Zjednodušeně, mam tam hlavičku, vlevo pole, vpravo pole, ve ketrym bude obsah a pod nim patku, ale neumim to naspat, aby ta patka se umisťovala podle toho obsahu.
Tady je ten stylopis toho pozicování:

#obsah { position: absolute; width: 610px; top: 90px; left: 150px; }
#hlavicka2 { position: absolute; width: 610px; top: 70px; left: 150px; height: 20px; }
#hlavicka { position: absolute; width: 760px; top: 0px; left: 0px; height: 70px; }
#levy { position: absolute; width: 150px; top: 70px; left: 0px; height: 460px; }
#patka { position: absolute; width: 610px; left: 150px; }

#obsah { background-color: white; color: white; }
#hlavicka2 { background-color: green; color: white; }
#levy { background-color: blue; color: white; }
#hlavicka { background-color: yellow; color: yellow;}
#patka { background-color: red; color: yellow;}

nehleďte na barvy, mam to zatim jen jako výuku, potřebuju jen vědět, jak udělat tu patku. A vlastně ještě něco, obsah se mi mrší, když tam dam dlouhej text, tak se ten div prostě protáhne, proč se text nezalomí? Jak na to? Díky

jo, s tou patičkou to je dobrej nápad, ale u toho druhýho si nejsem jistej. Mam za to, že word-wrap funguje jen v IE.

tak jsem to zkoušel jak si říkal - to s tou patkou a nefungje mi to, můžeš mi to sem prosimtě nějak stručně napsat v tom kódu? Díky

jojo, díky, už sem na to přišel, ale ještě co to zalomování???

Nevim sice proč, ale už se text zalomuje, takže problém vyřešen. Díky za pomoc