logo meche pro lado ao passar mouse

Qual é minha questão:
tem akeles foruns que quando coloca o mouse em cima o logo meche pro lado e volta ao normal como faz isso ?

Medidas que eu tomei para corrigir o problema:
nem

Links e imagens do meu problema:
nem

Endereço do meu fórum:
http://test.forumeiros.com

Versão do meu fórum:
PHPBB3

Olá, aceda ao seu

Painel de controle Visualização Imagens e Cores Cores

Aba 'Folha de estilo CSS', cole este codigo e salve.

#logo-desc:hover {
magin-left: 20px;
-webkit-transition-duration: .30s;
}

Até mais.

n funcionou

Aqui esta,coloque em sua folha CSS:

Código:

#logo {
    left: 100px;
    top: 5px;
    float: left;
    position: relative;
    background: url(LINK DA IMAGEM);
    width: 930px;
    text-indent: -9999px;
    height: 130px;
    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;
    }


    #logo:hover {
    background: url(LINK DA IMAGEM) 0px 0px;
      -webkit-transform:translate(80px);
      -moz-transform: translate(80px);
      -o-transform:translate(80px);
    }

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


Obs: Retire o codigo que o amigo acima lhe passou,caso contrario o mesma não ira funcionar.
Obs²: Subtitua "LINK DA IMAGEM" pelo link do seu banner.

Ate mais.

obrigado