как заполнить div на всю высоту страницы в CSS? (страница выше 100%) для ajax loading gif background

Хорошо, есть несколько похожих вопросов, но я не совсем то, что мне нужно.

У меня есть несколько запросов ajax на странице, и я хочу показать изображение в центре экрана, и все работает нормально.

Чтобы оно выглядело более заметным, я хотел разместить это изображение в div с полупрозрачным фоном, чтобы оно было более очевидным для конечных пользователей. А теперь самое сложное.

Я создал div с помощью css следующим образом:

.divLoadingBackground
    {
        filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
        width: 100%;
        height: 100%; 
        background-color: #333;
        position: fixed;
        top: 0px; 
        left: 0px;
    }

Это полностью заполняет страницу, или, я бы сказал, это заполняет область просмотра. Если я прокручиваю страницу вниз, страница снова нормальная. Я хочу, чтобы этот div охватывал ВСЮ ДЛИНУ страницы, независимо от ее длины.

Вот пример макета проблемы, которую я сделал, чтобы быстро продемонстрировать:

Как видите, я взял пример SO для макета;) изображение 1 показывает, что все в порядке, когда оно появляется. Я разработчик на C #, и css мне так же чужды, как древняя латынь.

Как сделать так, чтобы этот div divLoadingBackground заполнял всю страницу?

Большое спасибо за любую помощь. Если вам нужна дополнительная информация, прокомментируйте!