¿Cómo usar el 100% de la altura?

[Hydross]

Antes de nada, gracias, parece estar CASI solucionado.
¿Podrías explicarme qué son las etiquetas "*" (Y lo que contiene) y "html"? Ya que no entiendo en que afectan, por así decirlo.

Por otro lado ahora mismo lo tengo así:

Código:

*	{
	margin: 0;
	padding: 0;
	}

body {
	font-family: verdana;
	font-size: 15px;
	color: black;
	background-color: #262626; /*Color de fondo gris oscuro*/
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; /*Márgenes*/
	height: 100%;
	}
	
html {
	height: 100%;
	}

a:link {
	text-decoration: none; 
	color: white;
	}
	
a:visited {
	text-decoration: none; 
	color: white;
	}
	
a:hover {
	color: #ff8c00;
	}
	
.idioma {
	/* Posición */
	width: 700px; 
	height: 450px;
	text-align: center;
	position:absolute;
	top: 30%;
	left: 50%;
	margin-top: -100px;
	margin-left: -350px;
	/* Propiedades */
	color: white;
	}
.logo {
	width: 700px; 
	height: 450px;
	text-align: center;
	position:absolute;
	top: 30%;
	left: 50%;
	margin-top: -100px;
	margin-left: -350px;
	background-image:url('/judith/images/logo.png');
	}

#web {
	width: 100%;
	height: 100%;
	background-color: white;
	}
	
#header {
	width: 100%;
	height: 150px;
	background-color: black;
	}

#menu {
	width: 300px;
	height: 100%;
	background-color: red;
	float: left;
	}
	
#contenido {
	width: 100%;
	height: 100%;
	background-color: blue;
	}

#footer {
	width: 100%;
	height: 50px;
	background-color: grey;
	}

Me he fijado que poniendo porcentajes, tal y como lo quiero, sobrepasa el tamaño de la ventana ya que, imagino, al 100% total le añade los tamaños fijos? Que son la altura del header y footer.
Por lo tanto, sea cual sea el tamaño de la ventana, siempre tendré la barra de desplazamiento con esos 200px de más.
¿Alguna manera de solucionarlo o tengo que encontrar exactamente el % restante para ponerlo en "menu" y "contenido"?

Nuevamente, gracias :)