Нет непрозрачности в div внутри div с непрозрачностью

Мне нужно использовать набор инструментов asp.net ajax для задачи, и я просто отображаю div на всем экране, когда срабатывает контроль хода обновления. . Основной div (который покрывает весь экран) имеет некоторую непрозрачность, но когда я пытаюсь разместить внутри него div, он также получает некоторую непрозрачность, хотя я установил для него значение none;

Пример HTML:

<ProgressTemplate>
            <div class="updateProgressBox">
                <div class="updateProgressMessage">
                    <p>Processing request..</p>
                </div>
            </div>
</ProgressTemplate>

И CSS :

.updateProgressBox {
    top: 0px; 
    height: 100%; 
    background-color:Gray;
    opacity:0.7; 
    filter:alpha(opacity=70);
    vertical-align: middle; 
    left: 0px; 
    z-index: 999999; 
    width: 100%; 
    position: absolute;
    text-align: center;   
}

.updateProgressMessage {
    border: black 2px solid;
    background-color: #fff;
    z-index: 1000000;   
    padding: 20px;
    opacity:1.0; 
    filter:alpha(opacity=100);
    margin: 300px auto auto auto;
    font-weight: bold; 
    vertical-align: middle;
    width: 200px; 
    text-align: center
}

Что мне сделать, чтобы блок div с сообщением не имел прозрачности и белого цвета фона?