CSS Opacity problemer

Hej,

Har problemer med opacity - jeg har lavet opacity pÅ et lag - oven på det lag ligger et andet lag, det er som om at dette lag arver opacity. Det giver problem med at mine billeder i det øverste lag bliver gennemsigtigte.

Min csS:


body {
    font-family: "verdana";
    font-size: 10px;
    background-color:#ffffff;
    color:#000000;
    padding:0;
    margin:0;
    background-image:url(/images/baggrund.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-color:#000000;
    height:100%;
}

#contentMaster{
    width: 880px;
    margin:0 auto;
    margin-top:80px;
}

/* Header */

/* Content */
#content{
    height:400px;
    width:880px;
    background-color:#FFFFFF;
    filter:alpha(opacity=66);
    -moz-opacity:0.66;
    -khtml-opacity: 0.66;
    opacity: 0.66;
    z-index:1;
    position:relative;
}
   
    #contentText{
        width:880px;
        margin:20px;
        filter:alpha(opacity=200);
        -moz-opacity:2.0;
        -khtml-opacity: 2.0;
        opacity: 2.0;
        z-index:2;
    }


koden:


<div id="contentMaster">
    <div id="content">
        dette lag skal være gennemsigtigt...
      <div id="contentText">
          Dette lag skal ikke arve gennemsigtigheden!
        </div>
    </div>
</div>