'giorno....

dato che mi perdo normalmente in un bicchiere d'acqua...

ho questa pagina di 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>Prova</title>
<style type="text/css">
#prova {float:left;position:relative;width:300px;padding:5px;border:3px solid red;}
#prova p {position:absolute;top:0;left:100px;margin:0;padding:0;font-size:80%;}
</style>
</head>

<body>

<div id="prova">
[img]sole.png[/img]



prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  
prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  
prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  
prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  prova prova  
</p>
</div>

</body>
</html>
il problema è:

il paragrafo sfora dal div, ovvero il div che non ha nessuna dimensione in altezza impostata, dovrebbe adattarsi, e invece no

si adatta all'immagine, ma non al paragrafo, cosa ho combinato ?


Grazie