Div l'une au dessus de l'autre

Bonjour,

je n'arrive pas à positionner la div "details" en dessous de la div "saintbarth", la div "details" reste au dessus de la div "saintbarth".

Qu'est ce qui cloche???

Je précise ces 2 div sont dans une autre div (boite)

#boite {
height: 151px;
width: 570px;
clear: none;
float: right;
}

#saintbarth {
float: left;
height: 121px;
width: 170px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
background-image: url(Mod%C3%A8les/vignettes/saint%20barth.jpg);

#details {
width: 170px;
height: 20px;
float: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
text-align: right;
font-size: 12px;
margin-left: 10px;
margin-right: 10px;
clear: none;
}

Configuration: Windows Vista
Firefox 3.0.10