opacity a:visited

Я не могу заставить непрозрачность работать на гиперссылках a:visited в firefox или IE

Если я установлю цвет фона a:visited, он будет работать нормально, но непрозрачность не будет установлена.

Есть идеи?

Вот мой css:

a.photo
{
    display: inline-block;
}
a.photo img
{
    border: 1px solid #C8C8C8;
    background-color: #ffffff;
}
a:hover.photo img, 
a:active.photo img {
    background-color: #FF2D59;
    border: 1px solid #FF2D59;
}
a:visited.photo img 
{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
a.small img
{
    width: 80px;
    height: 80px;
    padding: 6px;
}


<a href="#" class="photo small">
    <img src="http://www.w3schools.com/css/klematis.jpg" alt="small photo hyperlink" />
</a>

Я не думаю, что что-то не так с порядком CSS, потому что если я добавляю цвет фона, он работает просто отлично:

a:visited.photo img 
{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    background-color: Gray;
}