Hauteur des Div

[Fred]

Salut,

j'ai un petit problème que je n'arrive pas à résoudre malgré les explications consultées sur OpenWeb.

J'ai trois divs contenues dans une autre div nommée : Container.

Voici l'exemple html:

<div class='container'>
  <div class='left'>contenu dynamique...</div>
  <div class='center'>contenu dynamique...</div>
  <div class='right'>contenu dynamique...</div>
</div>

Voici le code css:

.left{
  float: left;
  width: 32%;
  margin-right: 3px;
  padding: 5px;
}
.center{
  float: left;
  width: 42%;
  padding: 5px;
}
.right{
  margin-left: 76%;
  margin-right: 0;
  padding : 5px;
}

Mon problème est que le contenu étant dynamique, la hauteur du div nommé "center" varie et j'aimerais que les 2 autres suivent ces changements de taille...

J'ai essayé d'utiliser le hack du spacer

.spacer { clear: both;}

et du HR

hr {clear: both; visibility: hidden;}

en les positionnant dans les différents divs ('left','right' & 'container') Mais aucun des deux ne semblent fonctionner...

Est-ce que quelqu'un peut me dire ou je me trompe ?

Merci à l'avance pour votre aide.

Bonne journée.