Opera : color : transparent ; issue

Hello,

Here is my case.I have this piece of code in css:

.bmenu li a{
color: transparent; <-problem
-o-color:white;
display: block;
text-transform: uppercase;
text-shadow: 0px 0px 5px #fff;
text-align:center;
text-decoration:none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.bmenu li a:hover
{
color: white;
text-shadow: 0px 0px 1px #fff;
padding-left: 10px;
}

The website on which you can see it : I am Rokas (http://www.iamrokas.com) - navigation

The thing is, all browsers are compatible with the color:transparent and just opera does not display it, only when i hover and change color to white. How can i fix this? I still want to keep the same effect.

Any other way possible?

Thank you in advance.:o

Try something like this:

}
background-image: -o-linear-gradient(top left,rgba(100,100,100,1),rgba(100,100,100,0.5));
}