'giorno a tutti,

vi chiedo un consiglio...

ho una lista non ordinata che propone articoli composti da immagine più il testo descrizione che incornicia l'immagine.
L'immagine ha float:left, quindi si trova al top left del paragrafo con il testo, il mio problema è che la dove il testo è minimo, il paragrafo finisce prima dell'immagine e la stessa sborda dal paragrafo, incasinando l'impaginazione verticale, al momento non è disponibile online, ma posso posto il codice interessato.

Codice esempio
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css">
#test {display:block;width:100px;height:100px;background:#ddd;float:left;margin:5px 20px 0 0;border:6px solid #E2EBF4;padding:4px}
p {width:300px;text-align:justify;margin:0;padding:5px;border-top:5px solid red;border-bottom:5px solid red}
</style>
</head>

<body>




<span id="test">immagine</span>Testo
</p>

</body>
</html>
In questo caso ho usato uno span per simulare un eventuale immagine di dimensioni 100px X 100px, nella realtà ovviamente c'è un immagine.

NB: non posso usare min-height perchè le immagini caricate vengono ridimensionate da php, quindi se carico un immagine più alta che larga non posso sapere che min-height dare di default.

Grazie