Ho un codice di questo tipo:
codice:
<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:
codice:
.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:
codice:
.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