Transparent, menu, tło przezroczyste, ale już nie tekst, jak to zrobić? Opcje

[Lejto]

Witajcie, mam menu, którego tłem jest kolor biały transparent dlatego że pod spodem zmieniają się zdjęcia. Teraz mój problem: jak ustawić przezroczystość dla tła nie narażając przy tym tekstu w menu?

[HTML] pobierz, plaintext 
<style>
 
#main-navigation {
   width: 100%;
   margin-top:-47px;
   font-size:15px;
   color:#000;
   font-family:Arial, Helvetica, sans-serif;  
   list-style: none;
   float: left;
   padding:0;
   background-color:#FFF;
   zoom: 1;
   filter: alpha(opacity=50);
   opacity: 0.6;
 
 }
 
#main-navigation li {
   float: left;
   border-right: 1px solid #f9c200;
   }
 
#main-navigation li a {
   letter-spacing: 1px;
   padding: 12px 20px;
   display: block;
   font-size:15px;
   text-decoration:none;
   color:#000;
   font-family:Arial, Helvetica, sans-serif;  
 }
 
 
 
</style>
   <ul id="main-navigation">
 
 
           <li><a href="http://themes.bavotasan.com">Home</a></li>
           <li><a href="http://themes.bavotasan.com/category/our-themes">Themes</a></li>
           <li><a href="http://demos.bavotasan.com/">Demos</a></li>
           <li><a href="http://bavotasan.com/">Blog</a></li>
 
</ul>
 
[HTML] pobierz, plaintext 

Pozdrawiam

[Lejto]

towrzyłem nowe style, specjalnie dla odsyłaczy ale nic to nie dało, nie wiem czemu
zastosowałem rgba() i działa, mam nadzieje że we wszystkich przeglądarkach