Efeito no menu

Eu coloquei esse efeito no menu do meu fórum

Código:

a.mainmenu:hover {
  background: rgba(0, 0, 0, 1);
  padding: 6px 6px 6px 6px;
}

Só que as letras ficam se mexendo, eu queria que não mexesse, pq quando passa o mouse fica estranho...
Segue o fórum: http://forumgroove145.forumeiros.com/

Olá, remova o padding, troque o código por este:

Código:

a.mainmenu:hover {
  background: rgba(0, 0, 0, 1);
}

Até mais!

Mas o efeito fica menor, como faço pra ficar o quadrado certo ?

Troque por este código:

Código:

.linklist.navlinks a {
  color: #FFF;
  padding: 6px 7px;
  text-shadow: 1px 1px 0 #242424;
}

Até mais!

Nada man.

Troque por este:

Código:

.linklist.navlinks a {
  color: #FFF !Important;
  padding: 6px 7px !Important;
  text-shadow: 1px 1px 0 #242424 !Important;
}

Resulta?

Nada man, esse code eu já tinha e ele é pra modificar o menu, não tem efeito algum.

Desculpe, esqueci do hover, troque por este:

Código:

.linklist.navlinks a:hover {
 background: black !Important;
}


Até mais!

Resultou, muito obrigado.
Resolvido.