Imagem na barra do menu cortada

Qual é minha questão:

Eu adicionei esse css para fazer alterações no meu menu - entretanto a img esta cortando, não completa a volta, por mais que eu edite o width, fica cortada... alguma idéia?


#wrap{min-width:1px}#page-header .navbar ul.linklist.navlinks{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url(https://i.servimg.com/u/f49/15/29/79/25/meniu111.png);background-origin:padding-box;border-bottom-color:white;border-bottom-style:solid;border-bottom-width:0px;bottom:auto;clear:none;color:#222;display:block;font-family:'trebuchet MS','trebuchet MS';font-size:10px;font-weight:bold;height:50px;left:-34px;line-height:normal;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;opacity:1;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;position:relative;text-align:center;text-shadow:none;width:1040}

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

Versão do fórum:
PHPBB3

Olá querido!

Troque o código por este

Código:

/*-----------------------------------------Menu-------------------------------------------------------*/
#page-header .navbar ul.navlinks {
background: url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;
height: 50px;
left: -30px;
position: relative;
width: 1018px;
}
#page-header .navbar ul.navlinks li a:hover {
color: #EFEFEF;
text-shadow: black -1px -1px 1px;
}
#page-header .navbar ul.navlinks li a {
bottom: -20px;
color: white;
font-family: arial;
font-size: 17px;
margin: 5px;
position: relative;
text-shadow: black 1px 1px 1px;
}
.mainmenu:hover {
border-bottom: 1px solid white!important;
}

Até.

Pablow deu certo, mas só precisa de uns ajustes - de alinhamento - que na direita tá maior que na esquerda - a fonte eu ajeitei - mas, como centraliza nesse código em questão?

Olá querido!

Bom, troque o código por este

/*-----------------------------------------Menu-------------------------------------------------------*/
#page-header .navbar ul.navlinks {
background: url(https://i.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;
height: 55px;
left: -25px;
position: relative;
width: 1018px;
}
#page-header .navbar ul.navlinks li a:hover {
color: #EFEFEF;
text-shadow: black -1px -1px 1px;
}
#page-header .navbar ul.navlinks li a {
bottom: -20px;
color: white;
font-family: arial;
font-size: 17px;
margin: 5px;
position: relative;
text-shadow: black 1px 1px 1px;
}
.mainmenu:hover {
border-bottom: 1px solid white!important;
}

Se acaso ainda não ficou na posição certa, a onde este em negrito, troque pelos valores até fica a posição que deseja.

Até.

Deu certo ^^ - o alinhamento do texto para center???
text-align: center; - eu coloco nos dois pages? separado?

Olá querido!

Para centralizar o texto, faça desta maneira
Painel de Controle -> Visualização -> Pagina Inicial -> Cabeçalho & Navegações
Procure por Posição do menu :Marque Centralizado.
Salvar.

Até.

grato e obrigado dado.