Div con float che esce dal div content

[samiel]

Devo sistemare una scritta a sinistra
e un'immagine sulla sinistra, in modo che
la collocazione sia rispettata anche
a 800 px. Avevo pensato una cosa del genere:

#quote{float:left; text-align:left; width:350px; font:italic 1.4em verdana,tahoma,arial,sans-serif}
#franc{float:right; text-align:right; width:400px}

e quindi:

<div id="content">
<div id="quote">


Un classico 

non ha mai finito di dire 

quello che ha da dire

Italo Calvino</p>
</div>
<div id="franc">
[img]pics/chisiamo/franchetti01.jpg[/img]
</div>
</div>

Ma l'immagine si colloca cmq al di fuori del div content.
Cos'è che sto sbagliando?

Grazie
M.

[Myaku]

il clear ce l'hai messo?

[samiel]

Ho provato a fare così: nel CSS

#franc{float:right; text-align:right; width:45%; }
#quote{float:left; text-align:left; width:40%; font:italic 1.2em verdana,tahoma,arial,sans-serif}

e nell'HTML

<div id="content">
<div id="quote">


Un classico 

non ha mai finito di dire 

quello che ha da dire

Italo Calvino</p>
</div>
<div id="franc">
[img]pics/chisiamo/franchetti01.jpg[/img]
</div>
<div style="clear:both"></div>
</div>

Apparentemente funziona, ma in realtà a 800 px il testo
finisce sotto l'immagine. Evidentemente, la dimensione percentuale
del div franc non gestisce come io vorrei le dimensioni native
dell'immagine. Il div <quote> misura 328 px e il div <franc>
ne misura 369. Togliendo da 800 la larghezza delle due colonne,
in effetti non ci possono stare. Se ridimensioni la foto,
a 1024 e a 1280 diventa troppo piccola.
E non mi viene in mente un altro sistema....

M.