Kan jeg "lime" to tags sammen?

Lad os sige at jeg har en masse strukturelt ens HTML dele i denne stil:

<div>
<a href="#">link</a>
<p><img src="#" class="imgfloatleft">noget tekst</p>
<div>

Og jeg har dette i mit style sheet:

.imgfloatleft { float : left }

Hver gang et billede et højere end den tilhøgende tekst så starter det næste indlæg ud for det forrige billede. Se problemet her:

http://www.id-danmark.dk/kursist/ID/Historie/eksistens.shtml

Kan jeg løse det uden at bruge tabeller. Jeg vil ikke have 10 eller 50 tabeller på min side.

Hvis bare man kunne "lime" en <img> tag sammen med en <p> tag så de altid fulgtes ad når <img> tagen var inde i <p> tagen så skulle p tagen altid starte i billedets øverste højre hjørne.