Ciao a tutti...

ho realizzando un menu con le liste in orizzontale...
niente di che...

però... vorrei i tasti alti il 50% della mia pagina...

Quindi...
intanto, poiché UL e LI sono nel loro bel div#lista, ho settato quast'ultimo ad altezza 100% rispetto al BODY, impostando body {height:100%} e #lista {position:absolute;height:100%}

fino a qui nessun problema...

ma i LI come faccio ad allungarli al 50% rispetto al loro contenitore, ovvero a div#lista?

Ho fatto diversi tentativi, ma fallisco sempre...
Qualcuno mi sa dare una dritta?

posto html e css semplificati, in modo che ci si possa riferire ad elementi concreti...
Grazie in anticipo e comunque...

codice:
<html>
<head>
<style type="text/css" media="screen">

body { margin: 0; padding: 0;
height:100%; }

#lista {
position:absolute;
left:300px;
top:0;
height:100%; /* lo allungo relativamente al body, suo parent */
background: #EAEAEA;
}

#lista ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#lista ul li { float:left; }

#lista a {
display: block;
width: 20px;
height:300px;
border-left: 1px solid #eee;
text-decoration: none;
background:#ccc
}

#lista a:hover { background: #666; }

</style>

</head>
<body>

<div id="lista">
	<ul>
		[*]
		[*]
		[*]
	[/list]
</div>

</body>
</html>