Problema con transparencias, IE/Firefox

Hola,

Tengo esto en Style:

Código :

<style>
   .alpha1{
    opacity: .5;
    filter: alpha(opacity=50);
}
</style>

Bien el "opacity: .0;" es el que funciona en Firefox, y el "filter: alpha(opacity=0);" es el que funciona en IE. Osease de esta forma a cualquier imagen le digo class="alpha1" y ya sea Firefox y IE me sale la imagen con 50% de opacidad entre el fonde donde este.

Hasta aqui esta claro.

Ahora lo que me gustaria es hacer letras transparentes por lo que hago esto:

Código :

<div class="alpha1" style="position:relative"; z-index:1;>
<!-------------------------- a transparentar ------------------->
ESTO ES UNA PRUEBA
<!-------------------------- a transparentar ------------------->
</div>

Sin embargo en Firefox si que me hace la letra transparente, pero en IE no ¿Que falta o falla?

He buscado por el foro y encontre este tema:
http://www.cristalab.com/foros/t20007.html

Que es lo que encontre buscando en google. Y he estado mirando las cosas que hace y probando cosas que se dicen, pero nada. En IE lo unico que puedo transparentar son imagenes?

Saludos!

Bueno he encontrado la solucion, aunque me gustaria saber el proque.

Poniendo esto:

Código :

<div class="trans50" style="width: 100%;" >
<!-------------------------- a transparentar ------------------->
ESTO ES UNA PRUEBA
<!-------------------------- a transparentar ------------------->
</div>

Osease he añadido style="width: 100%;" dentro del DIV.

¿Porque ahora si que lo hace? Que yo sepa el Width es para el tamaño y tal ¿? ¿que tiene que ver para que se aplique o co el alpha?.

Honestamente no tengo idea, pero quizás sea por el asunto hasLayout.
http://www.google.com/search?q=IE+hasLayout