Che io sappia, in questo modo gli elementi del tuo menù ereditano il valore d'opacità che hai impostato.
Puoi risolvere il problema utilizzando la proprietà alpha del tag background-color. Creati due classi, una per lo sfondo (bck) ed una per il menu:


codice:
.bck { 
background-color: rgba(0,0,0,0.2); 
color:#FFF;background-repeat:repeat; 
} 
.menu a { 
/** parametri vari**/
}
I primi tre campi, i tre zeri che vedi, corrispondono al colore rgb, 0.2 è invece il canale alpha.
Sul file html avrai invece:

codice:
<div class="bck">
       <div class="menu" align="center">     
         Home     
         Foto    
         Mappa    
         Contatti 
       </div>
</div>
Bye