Buongiorno,
ho due div: nome e messaggio
dentro al contenitore main

<div id="main">
<div id="nome">Nome</div>
<div id="messaggio">

</p>

</p>

</p></div>
</div>


il div nome conterrà un solo rigo, mentre il div messaggio anche più di uno.

io vorrei che l'altezza di nome fosse uguale all'altezza di messaggio.
Però se imposto un colore di sfondo mi accorgo che l'altezza di nome (che ho impostato al 100%) si limita ad un solo rigo.

codice:
#main{
    height:auto;
	width:600px;
	border:1px dotted #cccccc;
	margin:0px auto;
}
#nome{
    width:200px;
	height:100%;
	background-color:#FFFFCC;
	float:left;
}
#messaggio{
    width:400px;
	height:auto;
	background-color:#FF99FF;
	float:left;
}
ho provato ad usare min-height ma senza risultati, come faccio ad ottenere due altezze uguali?

Grazie
Luca