Concertar código

Qual é minha questão:
Vejam meu forum pelo link
observem que existe um efeito que ao passar o mouse por cima das categorias e foruns a apreca a imagem etal, o problema é que a imagem da subindo e sendo cortada, gostaria que ela ficasse centralizada, alguem consegui concerta isso para mim??

segue o código que uso:

Código:

.row1.over:hover {
background: url(http://i.imgur.com/G0uNWBD.gif) right bottom no-repeat;
}




table.forumline tr td.row1, table.forumline tr td.row2, table.forumline tr td.row3 {
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}




.hierarchy {
font-family: Akvaleir;  
}
.hierarchy a:hover {
font-family: Akvaleir;  
font-size: 22px !important;
text-shadow: #05F073 0px 0px 10px;
color: #FFF;
}


Endereço do meu fórum:
http://rpgadventure.umforum.net

Versão do fórum:
PHPBB2

Saudações!

Troque por este:

Código:

.row1.over:hover {
background: url(http://i.imgur.com/G0uNWBD.gif) right bottom no-repeat;
}
.hierarchy {
font-family: Akvaleir; 
}
.hierarchy a:hover {
font-family: Akvaleir; 
font-size: 22px !important;
text-shadow: #05F073 0px 0px 10px;
color: #FFF;
}

Até

não deu muito certo,mas me ajudou a dar um jeito, valeu ae