Posicionamento do logo

Qual é minha questão:
Gostaria de saber como faço para meu logo ir para o lado ?

#Explicação

Assim o logo ta parado normal ai quando passa o mouse encima dele ele vai para o lado como faço issu

http://megapixel.forumeiros.com.pt/forum

Medidas que eu tomei para corrigir o problema:
....

Links e imagens do meu problema:
.....

Endereço do meu fórum:
www.masterpixelforum.forumeiros.eu

Versão do meu fórum:
PUNBB

Olá,

Coloque o código abaixo em: Painel de controle ->> Visualização ->>Cores ->>Folha CSS.

Modifique e salve o código abaixo.

Código:

#pun-logo {
left: 35px;
top: 25px;
float: left;
position: relative;
 background: url(LOGONORMAL);
width: 500px;
text-indent: -9999px;
height: 70px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
 
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
 
  overflow:hidden;
}


#pun-logo:hover {
background: url(LOGOANDANDO) 0px 0px;
  -webkit-transform:translate(60px);
  -moz-transform: translate(60px);
  -o-transform:translate(60px);
 }

#pun-logo:active {
background: url(LOGODEPOISDEATIVO) 0px 0px;
  -webkit-transform:scale(0.9);
  -moz-transform:scale(0.9);
  -o-transform:scale(0.9);
}

Nos campos de "LOGO", coloque a url da imagem e depois salve.
Até mais.