Como evitar la herencia

[kendall00]

Hola, mi duda es como puedo evitar que se herede la transparencia aquí el codigo:

Código CSS:

#pup {
    top:0%; bottom:0%; right:0%; left:0%; visibility:hidden; position:fixed; z-index:99; background-color:#666;
}
#form_pup {
    margin-top:5%; margin-right:20%; margin-left:20%; width:60%; position:fixed; background-color:#FFF; color:#000; opacity: 1 !important;padding:1%;
}
 

Código HTML:

<div id="pup">
<div id="form_pup">
<div align="right"><a  id="hide_pup" href="#" onclick="pup_hide(1)">Ocultar</a></div>
<div id="content_pup"><center>Este contenido se cargar&aacute; automaticamente!<br /><img src="files/imagenes/load.gif" width="50" height="50" alt="cargando" /></center></div>
</div></div>
 

Código Javascript:

function pup_show(id,msj){
    document.getElementById('pup').style.visibility = "visible"
    for (x = 1; x<50; x++){
        function up(){
            document.getElementById('pup').style.opacity = "0."+x   
        }
        setTimeout(up,1000);
    }
///El codigo sigue pero no importa
}
 

El div de adentro se ve igual de transparente que el contenedor como evito eso gracias.