Transparencia en Todos los Navegadores con CSS

Una de las propiedades mas potentes que tiene CSS es la de hacer capas transparentes -en diferente medida si se quiere-. Pero como siempre, al tener tantos navegadores se complica mucho para hacer una clase o id que sea transparente en TODOS los navegadores (si, hasta en Internet Explorer).

Éste método lo encontré en variablenotfound y consta de lo siguiente:

La clase:

.transparente
{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

El XHTML:

<div class='transparente'>
CONTENIDO DEL DIV, PUEDEN IR FOTOS O LO QUE SEA
</div>

Cabe aclarar que el «opacity=50» puede ajustarse a nuestra necesidad, iterando el valor desde 0 hasta 100 (porque es en porcentaje).