Css opacity

Bonjour,
j'ai appliqué une opacity dans le fichier css a un menu fixe en haut de ma page
et puis pour faire un peut de style et que l'arriéré plan de ma page se voi g fait opacity sur un otre element.
donc mon problème est que je veux que le menu soit toujours sur tout les autre chose et fixe sa j'arrive a le faire sauf que le 2eme élément transparent est au dessus du menu


voila le code css:
* {margin:0; padding:0}
/*le menu */
.menu {opacity:0.9; position:relative; background:url(images/bg.gif) no-repeat; height:35px; width:900px}


.cssonglet_conteneur {
/* POSITIONNEMENT */
padding:20px 30px;
width:750px;
float:left;
-moz-opacity:0.7;
/* APPARENCE */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #006699;
background-color: #EEF3F9;
border-top: 1px solid #6699CC;
border-left: 1px solid #6699CC;
border-right: 1px solid #6699CC;
border-bottom: 1px solid #6699CC;
}