Блокировка подгружаемых элементов содержимого

[barcelona]

Здравствуйте!
Мне на сайте нужно сделать прелоадер (картинка, на ней надпись "Подождите пожалуйста..."). При этом, пока на экране прелоадер, подгружаемые на страницу элементы должны быть недоступны. Я создал слой:

<div id="loading">
<div class="loadingDiv">Подождите пожалуйста...</div> 
</div>

и стили

.loading {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  overflow:hidden;
}
.loadingDiv{
  position:absolute;
  top:50%;
  left:50%;
  text-align:center;
  font-family:Arial;
  background-color:#FFFFFF;
  font-size:10px;
  margin:0 0 5px 0;
}

который теоретически должен перекрывать всё содержимое во время загрузки. НО, это не работает. В IE подгружаемые элементы всё равно остаются доступны, в Firefox слой подгрузки вообще не отображается, а в Opera недоступна только видимая часть страницы, всё, что ниже - доступно. Как бы так вывернуться, чтобы работало везде? Заранее спасибо.

[czukowski]

Дешево и сердито: попробуй display:none

[barcelona]

czukowski, мне нужно, чтобы пользователь видел, как загружается страница. Вот в чём фокус.

[kvakazyambra]

Цитата: Сообщение от barcelona czukowski, мне нужно, чтобы пользователь видел, как загружается страница. Вот в чём фокус.

Так как он увидит загрузку страницы, если width:100% и height:100%? Этот блок перекроет всю видимую часть страницы.
Чтобы блок loadingDiv отображался в FF, видимо, надо добавить z-index больший, чем у обрамляющего его блока.

[artemmus]

Можно еще прозрачности напустить на слой который все будет перекрывать