Прозрачный слой на весь экран

[warobushek]

Тема, наверно, изъезженная. Но нужно срочно, а нагуглить чего-то не получается.
Нужно создать слой на всю высоту страницы.
Я делаю так

#overlay {
	float:top;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30000;
	background-color:black;
  filter:alpha(opacity=50);
  -khtml-opacity:0.5;
  -moz-opacity:0.50;
  opacity:0.50;
}

Похоже, что определить полную высоту можно только с помощью Javascript.
Если вам не трудно, то дайте ссылки на примеры создания таких слоев.

На одном из форумов упоминались библиотеки x.js и prototype.js.
x.js найти никак не могу.
prototype.js нашел, но разбираться в ней времени нет((

[Octane]

float:top;

Что это? С CSS тоже нет времени разбираться?

JavaScript tutorial - Window size and scrolling
Изменение страницы посредством DOM
Пример с использованием jQuery

[subzey]

Учим css.
Если у элемента высота указана в процентах, а у элемента, от которого считается его высота (непосредственный родитель, или offsetParent, если у элемента position отличен от static) высота auto, у самого элемента высота считается auto.
Вас может спасти position:fixed.

[subzey]

Вариант "нумеро дуо":

html {width: 100%;height: 100%; position:relative}
body {height: auto; min-height: 100%; position: static}

Если, конечно, верстка позволяет.

[parzh-junior]

Действительно, это намного проще решается через CSS!
Добавляем к HTML-коду вот это:

<p id="allScreenLayer"></p>

и вот это (CSS):

#allScreenLayer {
position: absolute; // абсолютное позиционирование
width: 100%; // во всю ширину страницы
height: 100%; // во всю высоту страницы
background: gray; // цвет наложения (серый)
opacity: 25%; // видимость (непрозрачность)
}

[parzh-junior]

А вообще, как и пользователь Octane, советую Вам, warobushek, по вопросам CSS заходить на сайт http://htmlbook.ru/css. Там всё написано чётко, ясно, с примерами.