Problema con opacity

[ainvar57]

Tengo un pequeño problema y no se a que es debido. Voy al caso, en una web tengo una imagen como fondo del body y luego tengo una capa #layout, con un color blanco y poco de transparencia, luego quiero tener un div, dentro del layer con fondo blanco sin transparencia y por lo tanto hago esto:

Código:

#layout {
   width:900px;
   height:1200px;
   background-color:#FFF;
   opacity:0.6;
}
#layout #capa {
   width:250px;
   height:100px;
   margin:0 auto;
   background-color:#FFF;
   opacity:1;
}

y el html:

Código:

<div id="layout">
   <div id="capa">
      <p>Mi contenido</p>
   </div>
</div>

Sin embargo el div #capa no queda blanco, sino que queda exactamente igual que el resto del #layout, alguien me lo explica y me dice como solucionarlo.

[kseso?]

No es por su consulta, son las 3,569 precedentes sobre el particular:
opacity site:forosdelweb.com