Forzare l'immagine a restare all'interno di un determinato <div>

[samiel]

Ho un codice di questo tipo:

<div class="bord">
<p class="emph">29/10/09
 Uscita del volume <span class="italic">La
laicit&agrave; vista dai laici</span></p>
[img]pics/egea.jpeg[/img]


&Egrave; recentemente uscito presso la Casa Editrice Egea di Milano il
volume collettaneo <span class="italic">La laicit&agrave; vista dai
laici</span>, a cura di Emilio d'Orazio. Fra gli articoli pubblicati &egrave;
presente il saggio <span class="italic">Due significati irrinunciabili di
laicit&agrave;</span> di Giovanni Fornero.
</div>

Ora, se diminuisco le dimensioni del font, l'immagine
sfonda i limiti del <div> ed esce dal bordo invadendo
il <div> successivo e sovrapponendosi al testo.
Il CSS relativo ad <div> è il seguente:

.bord{border:2px solid #000080; margin-bottom:20px; padding:10px; background-color:white; font-size:0.9em}

emntre per l'immagine il codice è il seguente:

.picright{float:right; text-align:right; padding:0 0.6em}

C'è modo di far sì che l'immagine si adatti "automaticamente"
all'ampiezza del <div>, in modo che resti sempre e cmq al suo interno?

Grazie
M

PS
Ho postato questo messaggio già prima, ma non capisco
perché non iresco ad accedervi. Vedo la pagina vuota.
In caso, chiedo agli amministratori di eliminare il post precedente. Grazie

[ricman]

Se togli float all'immagine questa non sfora più. Ovviamente dovrai poi adeguare il resto

[samiel]

Si. mi ero reso conto che era il float a complicare le cose.
Per cui dovrei ricorrere a cosa?
Posizionamento relativo rispetto al <div border>?

Grazie
M.