float a clear: kde dělám chybu?

Ahoj,
na svých cestovatelských stránkách , konkrétně na úvodní stránce zvané "Rozcestník", mám odkazy na jednotlové fotogalerie a cestovatelské deníky, přičemž bych ráda dosáhla toho, aby obrázek (odkaz na fotogalerii) a úryvek z deníku z téže cesty byly zarovnány vedle sebe, podbarveny světle šedou, následuje tmavě šedá mezera a další odkaz na galerii plus úryvek z deníku se má zařadit až pod to. Což se mi nějak nedaří, obrázky a text se mi výškově rozjíždí... Nejhorší je to ve Firefoxu (momentálně verze 30.0). Poradí mi někdo, kde dělám chybu a jak by to mělo být správně? (Pokoušela jsem se tam nějak nacpat "clear", ale asi úplně blbě, protože se mi to celé rozpadlo a text se mi zarovnával až kamsi úplně dolů...) Ten samej problém mám samozřejmě taky tady

Vím, že bych to snadno ošetřila tabulkou, ale to mi tak úplně nechce, radši bych se něco nového naučila :-) Dík za pomoc

pomohlo :-) díky