Kahden div-elementin

Ongelmana on etten saa kaikilla selaimilla toimimaan kahden vierekkäisen div-elementin skaalautumista suhteessa toisiinsa.

Eli minulla on vaikkapa menu vasemmalla ja leipäteksti-osio oikealla. Pitäisi saada määriteltyä niin, että molemmat elementit skaalautuvat suhteessa toisiinsa, eli olisivat aina samankorkuiset.

Olen yrittänyt seuraavaa:

#molemmat {
width: 400px;
height: auto;
}
#menu {
width: 100px;
height: 100%;
}
#leipateksti {
width: 300px;
height: 100%;
}

Ainakaa tällä ei toimi kaikilla selaimilla.
Mikähän auttaisi?