[resolu]Probleme FLoat et fond de page

Bonjour,

J'ai un probleme avec mes styles css.

http://www.avril-france.com/css.gif


Le fond de page s'arrête au niveau du texte et non au niveau de l'image mise en float left.
J'aimerai savoir comment faire pour resoudre le probleme du fond qui ne prend pas en compte l'image et qui créé ce trou...

Les styles utilisés :

pour l'image :

.spip_documents_left{
float: left;
margin-right: 15px;
text-align: center;
}

Et les 2 blocks principaux :

#navigation {
border: 0px;
width: 760px;
margin: auto;
position: relative;
top:0px;
}

#principal {
text-align:left;
margin: 0px;
padding: 10px;
background-image: url(design/fond_centre.gif);
background-repeat: repeat-y;
width:760px;
min-height:300px;
}

PS : Sous IE ça fonctionne ...
Modifié par fox17 (29 Jun 2006 - 14:03)

j'ai ajouté <div style="clear: both;">&nbsp;</div>

En dessous de l'image (j'utilisais toujours dans l'image ou dans le div de l'image), je n'avais pas pensé à mettre en dessous du texte une valeur div vide ...