Duda transparencias entre capas.

[CrepitantE]

Saludos a todos.
He tratado de crear un cuadro con una transparencia que superponga una imagen de fondo y dentro de la transparencia se encuentre el contenido de la página pero que no posea la transparencia. Como en la siguiente imagen de ejemplo, busco que "Hola Mundo" quede con una transparencia del 100%:



El código que tengo en la web el siguiente:

CODIGO HTML:

Código:

<div id="principal">
<div id="header">
<img src="images/header.png" />
</div>
</div>

CODIGO CSS:

Código:

#principal {
position: fixed;
left: 100px;
top: 148px;
right: 100px;
opacity: 0.6;
filter:alpha(opacity=60);
background: #fff;
border: 1px solid #000;
text-align:center;	
}

#header {
text-align:center;	
opacity:1;
filter:alpha(opacity=100);
}

Agradezco por adelantado toda su ayuda.

[CrepitantE]

Que verguenza, después de intentarlo muchas veces no pude, después de colocarlo acá encontré la respuesta.

Código:

opacity: 0.6;
filter:alpha(opacity=60);

Esto se lo quite y le agregue background-color:rgba(255,255,255,0.6);

Aunque no se si existan otros métodos.