Opacity überschreiben funktioniert nicht

[wucher wichtel]

Hallo!

Also ich habe ein <div>. Dieses <div> hat die ID "background" und die CSS-Eigenschaft opacity:0.8. Dieses <div> enhält ein <p>. Dieses <p> ist auch transparent. Aber das will ich nicht. Also überschreibe ich die opacity-Eigenschaft mit dem Wert 1. Aber das funktioniert nicht. Mach ich einen Denkfehler?

  
#background {  
 background-color: #000000;  
 opacity: 0.8;  
 position: absolute;  
 top: 0;  
 left: 0;  
}  
#box {  
 width: 300px;  
 height: 280px;  
 background-color: #FFFFFF;  
 margin: 10em auto 0 auto;  
 opacity: 1;  
 text-align: center;  
}  

Vielen Dank!

ciao, ww