[css] niechciana przezroczystość, z-index i opacity Opcje

[Reigon]

Moze najpierw kawalek css-a:

.div1 {
position: fixed;
z-index:101;
top: 0px;
left: 0px;
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
height:100%;
width:100%;
}
.div2{
margin:0 auto;
width: 400px;
margin-top:100px;
display:block;
border:1px solid #ffffff;
background-color:#ffffff;
padding:4px;
z-index:102;
}

div klasy div2 jest w divie klasy div1....

div1 przyslania mi tresc na cale stronie przezroczystym ciemnym tlem...mniej
na nim chce wyswietlic mniej wiecej na srodku div2 - ktory nie ma byc przezroczysty - niestety jest - przebija sie przez wszyskie warstwy, przez tekst na nim jest nieczytelny (nawet po probach zastanosowania opacity: 100), jak zrealizowac to, aby blok div2 byl nieprzezroczysty na przezroczystym bloku div1 ?