Problemas con height con porcentaje en <div>

[elarcadio]

Hola a todos.
Estoy comenzando a aprender CSS y he llegado a un simple y chorra ejemplo que no soy capaz de hacer funcionar correctamente en IE y si en FireFox o Opera.
No tiene utilidad ninguna puesto que estoy dando mis primeros pasos con CSS pero soy muy cabezon y hasta que no descubra la solucion no me quedare tranquilo ;)

El caso es que en la definicion siguiente le quiero poner una altura al DIV mediante un porcentaje y no hay manera de que IE se entere de ello. Me pone la altura exacta para que entre el texto.

Código:

div.sidebar {position: absolute; background-color:cornflowerblue;
top: 0; left: 0; width: 120px;height:20%;font-size: 16pt;}

Os juro y perjuro que he buscando por todos lados (en el foro tambien) pero las unicas referencias que encuentro son acerca del problema con min_height y nada acerca de un simple porcentaje en height.
¿Alguna pista para un novato?

Salu2

[Rafael]

no soy capaz de hacer funcionar correctamente en IE

Los que no han sido capaces de hacerlo funcionar son los programadores de Ie. Saludos.

[elarcadio]

Vamos, que no se puede. Pues nada, seguiremos estudiando.
Lo gracioso del caso es que el libro que estoy siguiendo hace referencia constantemente a todo lo que NO funciona en IE para intentar evitarlo y esto del porcetnaje esta en "el ejemplo" de posicionamiento y claro, se queda uno con una cara de gilipollas al ver que no funciona.... :(


Salu2 y gracias por la aclaracion.

[Rafael]

Ahora, confirma una cosa, que tu doctype sea xhtml 1.0, así funcionan algunas cosas mejor.
Saludos

[MaXaC]

Es necesario que utilizes posiicion absoluta para ese sidebar??, si muestras lo esencial del css y html, tal vez se te pueda ayudar

[Wdeah]

hola, lei por ahi que para que funcione el porcentaje en alguna capa, era necesario que le agregues la propiedad height: 100% a el body

body {
height: 100%;
}

#otracapa {
height: 20%;
}

espero que te sirva.. saludos.

[frijolerou]

Al selector también tienes que darle una altura de 100%.

Código:

html, body{
    height: 100%;
}