🚀 go-pugleaf

witam
mam taki kod


.spis{

BACKGROUND-COLOR:red;
display:block;
z-index:100;
height:auto;
filter:alpha(opacity=70);  <----to wlaczam nr1
moz-opacity: 0.7;   <----to wlaczam nr1
opacity: 0.7;  <----to wlaczam nr1
}

.spis UL {
BACKGROUND-COLOR:green;
LIST-STYLE-TYPE: none;
DISPLAY: block;
}

.spis UL UL {
width:200px;
filter:alpha(opacity=100);  <----to wlaczam nr2
moz-opacity:1;   <----to wlaczam nr2
opacity: 1;  <----to wlaczam nr2

}

.spis UL LI {

BACKGROUND-COLOR:blue
FLOAT: left;
HEIGHT: auto;
z-index:100;

}


dziala to (pokazany tylko kawalek kodu) tak, ze umieszczajac kursor na .spis 
UL LI pokazuje sie UL UL LI (cos w rodzaju rozwijanego menu)
Rozwijanie, pokazywanie itp dziala dobrze w kazdej przegladarce.

Problem pojawia sie gdy wlaczam przezroczystosc dla DIVa .spis (patrz 
oznaczenie w kodzie nr1). IE7 robi przezroczystosc dla tego DIVa .spis, dla 
.spis UL oraz dla .spis UL LI.
.spis UL UL juz nie jest przezroczysty , i takie jest wlasnie moje 
zamierzenie.
Firefox robi przezroczystosc dla DIVa .spis, dla .spis UL , dla .spis UL LI. 
ale takze dla .spis UL UL co juz jest dla mnie niewlasciwe.
Czyli wszystko co znajduje sie w .spis staje sie przezroczyste.
Proba zablokowania przezroczystosci przez opacity=1; (patrz oznaczenie w 
kodzie nr2) nie przynosi rezulatu.(w IE nadal dobrze)
Bede wdzieczny za pomoc w ujarzmieniu tego zwierzecia..


pozdrawiam
Mirek