Como poner un fondo transparente

[novatoide]

No eniendo solo veo esto :S

Código HTML:

<div id="contenedor">
    <div id="contenido">
    </div>
</div>
 

Código CSS:

body{background:#333;}
 
#contenedor{
    width:300px;
    height:300px;
    background: rgba(255, 12, 50, 0.7);
    margin:30px auto;
}
 
#contenido{
    width:200px;
    height:200px;
    background:#fff;
    margin:10px auto;
}
 

Asi seria como lo tengo en mi web pero si pongo el opacity en el contenedor se vuelve todo asi incluso el contenido que es lo que no quiero que se ponga asi transparente :S

Abrazo