IE6 prefers "visited" properties over "hover".

[DiegoMx]

I'm having a problem with "a:visited" properties overriding "a:hover" ones - here's the relevant part of my CSS:

a.barra
{
position:absolute; top:30px;
font-family:century gothic;
padding:10px;
font-size:12pt;
font-weight:bold;
color:#4855A9;
text-decoration:none;
text-align:center;
opacity:.70;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}

a:hover.barra
{
font-size:13pt;
font-weight:bold;
text-decoration:none;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
}

a:visited.barra
{
font-size:12pt;
font-weight:bold;
text-decoration:none;
opacity:.70;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}

The links on the HTML (such as: <a href="tanques.html" class="barra" style="position:absolute; right:165;">membranas</a>) work right the first time - text grows and transparency dissappears on mouse hover. However, after that, the "hover" properties are simply ignored, in favor of the "visited" ones. There probably is a simple solution I'm missing, but right now I'm just plain stumped... anyone care to point me in the right direction, PLEASE?

[DiegoMx]

Heh... I knew it was easy... for anyone having a similar problem, just remember:

IE needs you to put your a:hover rule AFTER the ones for a:link and a:visited.