vhodný postup pre neštandardný layout

Ahoj!
moja otázka je: Mám pred sebou návrh layoutu stránky, ktorá má množstvo odstavcov = malých blokov textu porozhadzovaných rozmanito po ploche.
Zachovali by ste normálny tok prvkov a hrali by ste sa s marginmi a miestami nejaké position relative, alebo všetko dali position absolute a hotovo?
Totiž pri prvom postupe to vôbec nezobrazujú všetky prehliadače rovnako = je tam obrázok na pozadí a treba to napasovať presne
Chrome a Safari akoby strácali pár pixelov a Explorer má tiež nejaké iné padding, alebo position relative, neviem ešte presne...
Vďaka

Ani to absolútne pozicovanie nieje pre textové prvky s rovnakým výsledkom
akoby mali tie prehliadače každý iný referenčný bod (v ramci výšky textu) ktorý sa "prilepí" na zadané súradnice (left, top)
A to aj keď zadefinujem line-height, skúšal som aj display block, ale nič

- a ešte sa to chovalo rozdielne aj keď mal rodičovský div
top: -20px;
Firefox to bral ako nový bod 0 pre pozicované prvky
Explorer im to počítal od pôvodnej nuly

Takže aby z toho aj bola nejaká skúsenosť
problémy boli v tomto:
1. použil som ako jednotku veľkosti písma em - toto robí neplechu, hlavne v Opere, musel som dať px
2. position relative je naozaj dosť nespoľahlivé, pokial ide o vzájomné vzdialenosti medzi prvkami, ktoré chcem mať presne umiestnené na určitých súradniciach
3. margin a padding tiež nebol dobrý spôsob, ako posúvať prvky na určité miesto a ovplyvniť takto prirodzený tok prvkov
4. treba všade určiť line-height (v px)

pardon, tak konečne, aj na porovnanie:
toto je urobene pôvodným spôsobom
toto je už po novom