buon pomeriggio, ho un problema con l'altezza di un div.

ho questo codice css

codice:
#menu
{
width:                 15%;
height:                100%;
float:                 left;
font-size:             10px;
background-color:      green;
}
associato al mio bel div. solo che con internet explorer, il div si estende per tutta l'altezza della pagina, mentre con firefox l'altezza si limita a quella del contenuto del div stesso, e non si estende quindi per tutta la pagina. in pratica se il div contiene una riga, esso sarà alto esattamente una riga, e così via...

come posso fare affinchè il div occupi l'intera altezza della pagina?

grazie