viditelnost - pruhlednost pozadí

ahoj mam problém s vyditelnosti( průhlednosti) u různých prohližečů jde o vytvoření "vysouvacího menu" pomocí css . nicméně bych potřeboval aby bylo 50 % průhledne pozadi což umím udělat jen pro IE a mozillu ale opera to nevezme :c(
nevim, nejde mi to do hlavy nějak ... problem je v tomto příkladu index.htmlzkuste si to otevřít v mozille a i IE ( tak bych chtěl aby se to zobrazilo ) a v opere ( zde nevidite žadné pismo respektive je zpruhledněno na barvu pozadi) je problém nevíte jak tento konkrétní problém vyřešit? jde o viditelnost slov: odkaz a vysouvací
CSS:

#vertikalni-menu{
position: relative;
width: 110px;
}
#vertikalni-menu li {
display: block;
line-height: 24px;
text-decoration: none;
padding: 0 1px;
float: left;
list-style-type: none;
position: relative;

}
#vertikalni-menu li a {
display: block;
height: 24px;
width: 104px;
line-height: 24px;
text-decoration: none;
color: Gray;
background: Black;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#vertikalni-menu li a:hover {
background: Red;
color: #fff;
border-left: 1px Gray;
}
#vertikalni-menu li ul{
position: absolute;
top: 0;
left: 110px;
visibility: hidden;
background: White;
}
#vertikalni-menu li:hover ul{
visibility: visible;
display: block;
position: absolute;
border: solid #F0F0F0;
border-width: 0 1px 1px 1px;
}
#vertikalni-menu li:hover ul li {
display: block;
position: relative;
float: none;
height: 24px;
width: 110px;
border-top: 1px solid #F0F0F0;
}
#vertikalni-menu li:hover ul li a {
background: black;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#vertikalni-menu li:hover ul li a:hover {
background: Purple;
color: #fff;
}

a html je

<div id="vertikalni-menu">
<ul>
<li><a href="#">Odkaz</a></li>
<li><a href="#">Odkaz</a>
<ul>
<li><a href="#">Vysouvaci Odkaz</a></li>
<li><a href="#">Vysouvaci Odkaz</a></li>
<li><a href="#">Vysouvaci Odkaz</a></li>
<li><a href="#">Vysouvaci Odkaz</a></li>
<li><a href="#">Vysouvaci Odkaz</a></li>
<li><a href="#">Vysouvaci Odkaz</a></li>
<li><a href="#">Vysouvaci Odkaz</a></li>
</ul>
</li>
<li><a href="#">Odkaz</a>
<ul>
<li><a href="#">Vysouvaci Odkaz</a></li>
<li><a href="#">Vysouvaci Odkaz</a></li>
<li><a href="#">Vysouvaci Odkaz</a></li>
<li><a href="#">Vysouvaci Odkaz</a></li>
</ul>
</li>
<li><a href="#">Odkaz</a></li>
</ul>
</div> <!-- vertikalni-menu konec -->

prakticky by to šlo změnit barvu textu jen pro prohlížeč opera :c) ale to asi nepujde díky moc :c)