Diminuir espaço

[Bookmarlucas654]

Qual é minha questão:
Bem, eu estou com um pequeno problema. Eu pedi ajuda aqui no FDF sobre o logotipo, que ao aproximar o mouse, o logotipo deslizava!

Bem, funcionou, mas, o código abriu um espaço no logotipo, olhem só:



Quando removo o CSS, ele fica normal, assim:



Ai, eu queria saber qual a parte do CSS que está dando esse espaço na área azul, e assim removê-lo! Aqui está o CSS:

Código:

#logo {
  width: 350px;
position: relative;
 background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png);
  background-repeat: no-repeat;
text-indent: -9999px;
height: 160px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;

right: 0px;
  left: 0px;
top: 25px;
float: center;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
 
  overflow:hidden;
}


#logo:hover {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:translate(100px);
  -moz-transform: translate(200px);
  -o-transform:translate(200px);
 }

#logo:active {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:scale(15px);
  -moz-transform:scale(15px);
  -o-transform:scale(15px);
}

Agradeço desde já

Medidas que eu tomei para corrigir o problema:
Eu tentei verificar no código, mas não entendo muito :S

Imagens do meu problema:


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

Versão do meu fórum:
PHPBB3

[Bookmarlucas654]

Bem, funcionou, mas, o código abriu um espaço no logotipo,

Errei, é no fundo do logotipo :S Na área que o logotipo fica E é a "ALTURA", entendem?

[Bookmarlucas654]

Podem fechar o tópico, eu já consegui! Era só alterar o height D; Ôôôô meu Deus, como sou buuuuuuuuuuuuuurro

#logo {
width: 350px;
position: relative;
background: url(https://i.servimg.com/u/f47/17/17/49/06/logoti11.png);
background-repeat: no-repeat;
text-indent: -9999px;
height: 98px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
-webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
-o-transition-duration: 3s;
transition-duration: 3s;

Código:

#logo {
  width: 350px;
position: relative;
 background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png);
  background-repeat: no-repeat;
text-indent: -9999px;
height: 98px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;

right: 0px;
  left: 0px;
top: 25px;
float: center;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
 
  overflow:hidden;
}


#logo:hover {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:translate(100px);
  -moz-transform: translate(200px);
  -o-transform:translate(200px);
 }

#logo:active {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:scale(15px);
  -moz-transform:scale(15px);
  -o-transform:scale(15px);
}

Já consegui, podem fechar! Desculpa ae

[Konai]

Olá,

Veja;

#logo {
width: 350px;
position: relative;
background: url(https://i.servimg.com/u/f47/17/17/49/06/logoti11.png);
background-repeat: no-repeat;
text-indent: -9999px;
height: 150px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
-webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
-o-transition-duration: 3s;
transition-duration: 3s;

right: 0px;
left: 0px;
top: 25px;
float: center;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;
}


#logo:hover {
background: url(https://i.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
background-repeat: no-repeat;
-webkit-transform:translate(100px);
-moz-transform: translate(200px);
-o-transform:translate(200px);
}

#logo:active {
background: url(https://i.servimg.com/u/f47/17/17/49/06/logoti11.png) 0px 0px;
background-repeat: no-repeat;
-webkit-transform:scale(15px);
-moz-transform:scale(15px);
-o-transform:scale(15px);
}

height: 150px - É a altura. Basta modificar o valor até ficar ao seu gosto.

[Bookmarlucas654]

Amigo, se notar, eu já resolvi o problema, podem fechar o tópico, mas, obrigado mesmo assim!