Problème de hauteur d'un bloc en CSS

</head>

<style type="text/css">
html
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
margin:0;
padding:2em 0;
}
body
{
width:772px;
margin:0 auto;
padding:0;
font-size:.8em;
}
div.border
{
padding:10px;
margin:20px 0;
border: 1px solid #ccc;
float:center;
}
div p
{
margin:0;
padding:0 0 0 250px;
text-align:justify;
}
div img
{
float:left;
}
hr
{
clear:left;
}
</style>

<script text="text/javascript">
image1 = new Image();
image1.src = "Bouton_accueil_02.png";
image2 = new Image();
image2.src = "test_02.png";
image3 = new Image();
image3.src = "Bla_Bla_02.png";
</script>

</head>

<div align="right">
<p align="left"> </p>
<a href="index.html" onmouseover="image1.src='Bouton_accueil_02.png';"
onmouseout="image1.src='Bouton_accueil_01.png';">
<img name="image1" src="Bouton_accueil_01.png" border=0></a> 
<a href="divers.html" onmouseover="image2.src='test_02.png';"
onmouseout="image2.src='test_01.png';">
<img name="image2" src="test_01.png" border=0></a> 
<a href="Bla_Bla.html" onmouseover="image3.src='Bla_Bla_02.png';"
onmouseout="image3.src='Bla_Bla_01.png';">
<img name="image3" src="Bla_Bla_01.png" border=0></a> 
</div>

<h1>Positionnement de texte avec une image</h1>
<p>en réponse à <a href="probleme de hauteur d un bloc en css">problème de hauteur d'un bloc en CSS</a>.</p>
<p>Testé sous Windows XP (SP2), avec IE (6 et 7), FireFox (2) et Opéra (9).</p>
<p><a title="Validation XHTML" href="http://validator.w3.org/check?uri=referer">XHTML 1.0 Strict</a></p>
<p><a title="Validation CSS" href="http://jigsaw.w3.org/css-validator/check/referer">CSS 2.0</a></p>
<hr />
<div class="border">
<img src="ressources/image_gauche.jpg" alt="et hop, une image à gauche !" width="240" height="180" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus ipsum lectus, rhoncus eu, pretium vel, rutrum eu, lorem. Sed sed est. Sed metus quam, blandit ut, porttitor vitae, feugiat eget, neque. Vestibulum at risus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut libero. Vivamus ullamcorper volutpat nulla. Cras nisi. Nullam non odio. Duis scelerisque accumsan nulla.</p>
</div>
<hr />
<div class="border">
<img src="ressources/image_gauche.jpg" alt="et hop, une image à gauche !" width="240" height="180" />
<p>Fusce sem turpis, mollis ut, commodo quis, aliquet eget, ipsum. Ut nonummy libero vitae neque. Quisque lacus. Nullam lobortis. Cras quam. Nulla vitae ante nec eros mollis luctus. Vivamus velit. Morbi interdum euismod sapien. Duis mi est, facilisis vitae, vestibulum ut, convallis eu, diam. Curabitur dapibus sollicitudin mi. Aliquam auctor tortor ut neque. Proin mauris. Nunc facilisis sagittis sapien. Donec nonummy libero vel enim. Donec rutrum risus quis neque. Nulla nec enim. Sed aliquam. In hac habitasse platea dictumst. Praesent interdum magna ut dui. Sed eget ante et lorem condimentum pretium. Quisque metus justo, varius ac, condimentum sit amet, vulputate id, est. Proin sollicitudin. Vivamus sapien magna, blandit in, imperdiet auctor, ullamcorper in, eros. Vivamus tempor egestas arcu. Sed neque. Donec sem. Sed dictum interdum metus. Nulla mollis. Sed sollicitudin, pede sed dignissim viverra, ipsum enim volutpat eros, a rutrum libero lectus pellentesque mi. Pellentesque tellus est, facilisis id, dictum eget, ultrices sit amet, orci. In hac habitasse platea dictumst. Vivamus mattis massa et mi. Vivamus posuere leo ut dolor. Nulla nonummy ante ut ligula viverra bibendum. Donec sodales auctor quam. Nulla consectetuer, leo vitae cursus consequat, nibh tellus euismod justo, ut cursus est lorem nec dolor. Vestibulum eu nisi. Duis rhoncus. Proin vel risus at augue gravida vulputate. Donec eu risus nec est pulvinar lobortis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sagittis, diam sed imperdiet fermentum, orci mi scelerisque diam, vel volutpat magna velit quis quam. Mauris nulla. Donec porta lacus a felis. Etiam dignissim, tellus eget vulputate rhoncus, odio enim varius massa, vitae congue diam enim eu nunc. Curabitur massa. Aliquam ut tellus ut libero pellentesque nonummy. Ut nulla.</p>
</div>
</body>

</html>