Efeito hover no botão do perfil

Qual é minha questão:
Galera, eu criei uma classe pra uns links específicos, mas estou enfrentando problema pra injetar um hover nele. Tentei de todas as formas e não vai.

Eu adicionei a classe para fazer esse efeito:

https://i.servimg.com/u/f36/18/18/31/47/exempl11.jpg

Estão vendo a caixinha? Só que eu queria que quando o mouse passasse nele, essa caixinha mudasse de cor para #848484 e o link para #fafafa

O code da classe que adicionei foi esse:

Código:

.topo {
font-weight: normal;
font-color: #000;
font-size: 12px;
text-decoration: none;
display: inline;
padding:  2px 15px;
width: 145px;
height: 25px;
margin: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}

a.topo {
background: #666
url(http://i81.servimg.com/u/f81/18/18/31/47/overla10.png) repeat-x 0 -40px;
color: #444; border-top:
solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

E apliquei assim:

Código:

<a class="topo"...

Endereço do meu fórum:
http://www.fanfictionunited.com.br

Versão do fórum:
PHPBB2

Olá amigo!

Tente assim:

Código:

.topo:hover {
background: #848484 !important;
color: #fafafa !important;
}

Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Deixa quieto, era porque eu tinha adicionado

Código:

<span>

no link. Pode fechar, resolvido amigão Mikéé!