Mise en page avec colonne à hauteur variable

Bonjour,

J'essaie de réaliser une mise en page de ce type :



La hauteur de la colonne gauche doit varier en fonction de la hauteur du bloc de contenu.

avec le code suivant, ça fonctionne sous Firefox et IE7, mais pas avec IE6 !!!

<div id="cont">
	<div id="a">
		colonne gauche<br />
		colonne gauche<br />
		colonne gauche<br />
		colonne gauche<br />
		colonne gauche<br />
	</div>

	<div id="c">
		contenu contenu<br />
		contenu contenu<br />
		contenu contenu<br />
		contenu contenu<br />
		contenu contenu<br />
		contenu contenu<br />
		contenu contenu<br />
		contenu contenu<br />
		contenu contenu<br />
		contenu contenu<br />
		contenu contenu<br />
	</div>
	
</div>

#cont{width:800px;background:#CCCCCC;position:relative;border:#999999 1px solid;}
#a{
position:absolute;
width:200px;
background:#FF1100;
height:100%;
left:0;
}
#c{
margin-left:240px;
width:560px;
background:#FF99CC;
}

Quelqu'un a une idée pour régler ce pb sous IE6 ?

Merci

Salut

Utiliser les colonnes factices ou un tableau à 2 cellules ...

Merci pour ta réponse, mais j'ai déjà lu ça ! En réalité la structure de ma page est plus complexe, aucune de ces 2 méthodes ne convient (le tableau éventuellement, mais bof)

Je me demandais s'il n'y avait pas une astuce CSS pour IE6.

Tiens, le height: 100% marche même si le conteneur n'a pas de hauteur déterminée, à partir du moment où le conteneur est positionné.
Faudra que je teste ça.