Non prende un altezza in %

[andrew low]

Ho un css, questo:

 html, body {
margin : 0px;
padding: 0px;
border: 0px;
height: 100%;
} 

 #body {
padding-left: 11%;
padding-right: 11%;
} 

 #header {
background: url(./grafica/sfondo_header.png) repeat-x;
height: 150px;
}

 #menu_h {
height: 50%;
width: 80%;
background: yellow;
}

 #menu {
background: red;
width: 18%;
float: left;
margin-top: 50px;
}

 #pubblicita_little {
height: 600px;
width: 120px;
background: green;
float: right;
}


 #text {
text-align: justify;
margin: 0px 21% 0px 23%;
}

 #footer {
width: 100%;
height: 50px;
background: url(./grafica/sfondo_footer.png) repeat-x;
text-align: center;
}

 .footer {
color: red;
font-weight: bold;
}

Nel div menu_h mi imposta la larghezza in %, ma se gli provo a dare un altezza in % non la prende, come se gli passassi un valore non valido. Come mai? Come posso risolvere?