[CSS] Nie przejmowanie wartości z nadrzędnego elementu Opcje

[Lethys]

Witam,

Tworzę header, który jest pół przezroczysty. W headerze jest menu oraz logo.\

[PHP] pobierz, plaintext 
<div id="header">
 
           <div id="logo"><img src="./images/logo.png"></div>
 
           <div id="menu"> 
               <div id="menu_lewe">
                  <ul>
                    <li class="menu">SERVICES</li>
                    <li class="menu">ALMANAC</li>
                    <li class="menu">CLIENTS</li>               
                  </ul>
               </div>
</div>
[PHP] pobierz, plaintext 

Nie wiem jak zrobić aby logo nie przejmowało wartości opacity z headera:

[PHP] pobierz, plaintext 
#header{
 
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
 
#logo{
opacity:1 !important;
filter:alpha(opacity=100) !important; /* For IE8 and earlier */
}
[PHP] pobierz, plaintext 

Obecnie logo ma taką wartość jak header czyli 80% a chce mieć logo w 100%.