Dimensionnement étrange de div

Bonjour,

J'ai du mal à comprendre le comportement des divs que j'ai mis en place sur mon site.

Voilà le HTML

<div class="b_news">   
       <div class="calendrier">   
        <div class="calendrier_annee">'.$donnees['annee'].'</div>   
        <div class="calendrier_jour">'.$donnees['jour'].'/'.$donnees['mois'].'</div>   
       </div>   
       <div class="news"><h2><a href="actu.php?article='.$donnees['id'].'">'.$donnees['titre'].'</a></h2><p>'.$donnees['apercu'].'<a href="actu.php?article='.$donnees['id'].'"> (...)</a></p></div>   
      </div>

Le CSS

.news   
{   
 width: auto;   
 float: left;   
}   

.calendrier   
{   
 width: 59px;   
 height: 60px;   
 background-image: url(img/calendrier.png);   
 clear: both;   
 margin-right: 20px;   
}   

.b_news   
{   
 padding: 10px;   
 clear: both;   
 border: dashed 1px;   
 height: 200px;   
}   

.calendrier_annee   
{   
 padding-top: 1px;   
 padding-left: 18px;   
 font-size: 9px;   
 color: #ffffff;   
}   

.calendrier_jour   
{   
 padding-top: 10px;   
 text-align: center;   
 color: #234747;   
 font-size: 16px;   
}

Mon problème, c'est que le bloc b_news en prend pas la hauteur automatique (même si j'écris height: auto dans le CSS) qu'il devrait (puisque contenant des blocs d'une certaine hauteur).
J'ai aussi un soucis avec le bloc news, il ne se place pas à droite du bloc calendrier. Il est pourtant mis en float left, mais il se place en dessous du calendrier !

Merci pour votre aide.