Наследование прозрачности "moz-opacity"

Приветствую!
Необходимо сделать полу-прозрачный фон над картинкой, над этим фоном предпологается размещение текста. Прозрачность делаю

filter:Alpha(Opacity=20);
-moz-opacity: 0.20;

Получается что текст наследует прозрачность фона - что не желательно. Как побороть?

Пробовал вместо div исполльзовать td (так же сочетания того и другово), пробовал указывать для текста 100% непрозрачность, заключать его в контейнер, неработает ни в ie ни в Ffox`e. Помогите кто знает :blush2:

ниже образец кода
=========пример кода==начало===
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html><head><title>Test</title><style>

#bg {
width:500px;
height:500px;
background: #000000;
filter:Alpha(Opacity=20);
-moz-opacity: 0.20;

}

#container {
width:400px;
height:400px;
margin-right:auto;
margin-left:auto;
border: 1px solid #7e9fb1;
}

.texttemp {
font-size:30px;
font-family:Verdana;
font-weight:Bold;
color:#ffffff;
}

</style></head><body bgcolor="#263740">

<div id="bg">
<div id="container"><span class="texttemp">Текст наследует прозрачность. Как бы отучить?</div>
</div></span>

</body></html>
=========пример кода==конец===