Alignement de DIV en hauteur

Bonjour,

Voila ça fait plusieurs heure que je cherche une solution à mon problème mais rien à y faire !
En fait j'ai 2 colonne qui sont des DIV qui s'ajuste en hauteur (avec la technique de l'image de fond) dans la colonne de gauche j'ai un menu déroulant vertical et dans la colonne de droite mon contenu.

Voici le code

<div id="col_gauche">
  <div id="menu">
  </div>
</div>

<div id="contenu">
  <div id="fiche">
  </div>
</div>

#col_gauche{
  float: left; 
  width: 170px;
}

#contenu{
  margin-left: 170px;
}

#menu {
  color:white;
}

#fiche{
  text-align: center;	
  width: 690px;
}

J'ai allégé un peu le code mais en gros mon problème et que avec ce code le haut de DIV "fiche", s'aligne sur le bas de ma DIV "menu".

Si je met un position:absolute; sur "menu" le problème est résolu par contre ma div "col_gauche" ne s'adapte plus à la hauteur de la div "menu"

J'ai beau essayé plein de chose trouvé sur les forums... rien à faire je n'arrive pas à résoudre le problème
Modifié par kikilevrai (23 Jan 2013 - 19:55)

Mais juste une question, pourquoi tu à fais une div en plus pour menu et fiche?