Hjælp til div og billeder

Der skal vist meget mere information til før der er nogen som kan svare på det.

Ja, var vist lige hurtig nok til at trykke opret.

Men artiklerne er stillet op så der er 2 div's ved siden af hinanden, så de fungerer som spalter/kolonner.

_1____2_
|------|------|
|------|------|
|------|------|
|------|------|

Teksten fra spalte 1 fortsætter videre i toppen af spalte 2. Hvis man sætter et billede ind i starten af artiklen, kommer det ind i spalte 1. Problemet er så, hvis dette billede fylder begge spalter i bredden:

_1____2_
[BILLEDE]
|------|------|
|------|------|
|------|------|

Så hører den stadig til spalte 1, men overlapper over i spalte 2. Den tekst, der kommer i spalte 2 kommer så til at stå ovenpå billedet, hvilket den selvfølgelig ikke skal. Derfor vil jeg gerne vide, om der er en måde, hvorpå, man kan få teksten til automatisk at gå under billedet i spalte 2 uden at skulle ændre i opstillingen?

Har du noget kode vi kan se af opsætningen af dine divs etc..?
Det gør det nemmere at arbejde ud fra.

Den kommer her:

/* HTML */
<div class="cols">

    <div class="col1">
        <p><img src="stortbillede" /></p>
        <p>Tekst</p>
    </div>

    <div class="col2">
        <p>Tekst fortsat</p>
    </div>
</div>


/* CSS */
.cols {
width:100%;
overflow:hidden;
line-height:1.5em;
}

.col1 {
float:left;
width:300px;
padding:0 22px 0 0;
}

.col2 {
width:300px;
position:relative;
float:left;
}

Indholdet i col2 har ingen relation til indholdet i col1 og derfor vil teksten i col2 aldrig automatisk bryde under billedet fra col1.

Nå okay - håbede bare på, at der var nogen, der kendte et eller andet smart i CSS - så må jeg ordne det det på den hårde måde via PHP.