problema con altura de capa al 100 %

[chan]

Hola foro! tengo el siguiente css:

Código:

.fadebox {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

Este estilo se lo doy a una capa que inicialmente esta en style.display='none' y se habilita mediante un link. El problema es que cuando habilito esta capa, la misma no me cubre en función del alto el 100 % de la página y no entiendo por qué ya que en el css esta definido el height: 100%;

Bueno espero que se haya entendio y que me puedan ayudar. Gracias!

[America|UNK]

Si lo quieres forzado, min-height:100%

[Mikmoro]

Cuando una caja tiene un tamaño respectivo, como un porcentaje, debe ser con respecto de algo. Una caja podrá medir un porcentaje con respecto al tamaño de la caja que la contenga.

Si ninguna de sus antecesoras (las cajas en las que está contenida esta), tienen un tamaño fijado, le estamos diciendo que tenga un 100% de... nada.

Es un asunto muy común, y generalmente lo puedes resolver añadiendo al principio de tu css algo como:

html, body {height: 100%;}

No obstante para estar seguros lo mejor es ver todo tu código.

[chan]

Gracias Mikmoro, me falto tener en cuenta lo que vos me decis de 100% respecto de que.