Pomoč pri postavitvi v CSS

#nosa zapri pred #zenska-nosa, ali pa zavij od h1 do #sapol v še en div. Nato bi to moralo bit to:

#nosa (ali pa novi div v katerem je od h1 do #sapol)) {
clear: left; /* Tole ga postavi v novo vrsto, če je že kaj v trenutni. Ni 100% potrebno za tvoj primer */
float: left;
}
#sapol {
clear: both; /* To bo postavilo #sapol v novo vrsto */
}
#zenska-nosa {
float: right; (ali left, če hočeš, da se naslanja na #nosa/novi div)
}
#moska-nosa {
clear: both; /* postavi v novo vrsto, sicer bi lahko bil pod #zenska-nosa, desno od #nosa */
}

Ni pa nujno, da bo #zenska-nosa na desni, ker je odvisno, koliko je prostora v parent elementu. #nosa je siroka 420px, slika 350, če je parent element ožji od tega (+ margini/padding), potem boš #zenska-nosa tezko spravil v isto vrsto :)

Sicer pa, kakšen CSS cheat sheet pa se igrat v Firebug-u. Tako sem se jaz naučil CSS-ja :)

Googlaj CSS positioning, pa ti tam vse razloži glede floatanja in positioninga (tistih position: relative PMSM ne rabiš).

Po mojem ga ne rabiš nikjer. V tvojem primeru se da vse rešit s floatanjem.