Menu desalinhado ajudem-me

Qual é minha questão:
Bom, eu habilitei o menu de navegação ao fórum, sendo que ele ficou desalinhado mostrarei a imagem por favor resolvam essa minha duvida obrigado !

Medidas que eu tomei para corrigir o problema:
ja tentei de tudo, procurei tópicos aqui, mais não encontrei nenhum ;s

Imagens do meu problema:
http://clip2net.com/s/1bRz7

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

Versão do meu fórum:
INVISION

Olá

se possivel passe o seu CSS e suas imagens do menu de navegação.

Código:

a:link,
a:visited,
a:active{

    text-decoration: none;
}

table.ipbtable tfoot td {
background-color:#1d1d1d;
}



div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img36.imageshack.us/img36/6092/crossy.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img36.imageshack.us/img36/4156/addzox.png') no-repeat 50% 50%;
}



.popupmenu li {
background-color: #1d1d1d;
}


.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}


.post {
border-bottom:10px solid #1d1d1d;
}



#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}


a.mainmenu img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
a.mainmenu img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

a:link,a:visited,a:active {
text-decoration: none;
}

a:hover {
text-shadow: 0 0 6px #C35817 !important;
text-decoration: none !important;
}

body { cursor: url('http://clip2net.com/page/m57714/8384389'), url('http://img821.imageshack.us/img821/7624/ragnarokx.gif'), auto; }

a:hover { cursor: url('http://clip2net.com/page/m57714/8384389'), url('http://img821.imageshack.us/img821/7624/ragnarokx.gif'), auto; }

.forumlink a {
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}

.forumlink a:hover {
padding-left: 20px;
font-size: 16px;
color: #4080FF;
}

.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}


blockquote {
border: 2px solid #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 10px 10px 5px #555555;
-moz-box-shadow: 10px 10px 5px #555555;
-webkit-box-shadow: 10px 10px 5px #555555;
}

cite {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

.spoiler {
border: 2px solid #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 10px 10px 5px #555555;
-moz-box-shadow: 10px 10px 5px #555555;
-webkit-box-shadow: 10px 10px 5px #555555;
}

.spoiler dt {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

#login_popup {
background-image: url('http://i26.servimg.com/u/f26/15/66/76/64/ssss10.png');
background-repeat: no-repeat;
}


.mainmenu{
margin-right: -25px;
}
#i_icon_mini_groups, #i_icon_mini_members, #i_icon_mini_index, #i_icon_mini_portal, #i_icon_mini_calendar, #i_icon_mini_faq, #i_icon_mini_register, #i_icon_mini_login, #i_icon_mini_logout, #i_icon_mini_message, #i_icon_mini_new_message, #i_icon_mini_profile, #i_icon_mini_search{
margin-bottom: 30px;
}


#page-header .navbar {
width: 40px;
margin-top: 10px;
}

https://2img.net/r/ihimizer/img52/9048/entrarc.png
https://2img.net/r/ihimizer/img508/9663/inicioa.png
https://2img.net/r/ihimizer/img5/9597/92085447.png
https://2img.net/r/ihimizer/img821/7946/perfilaj.png
https://2img.net/r/ihimizer/img89/3470/portaliw.png
https://2img.net/r/ihimizer/img828/7483/registrard.png
https://2img.net/r/ihimizer/img42/5815/sairw.png
https://2img.net/r/ihimizer/img37/729/novampq.png

Ta ae

O problema está nas imagens... elas não têm o mesmo tamanho, por isso ficam desalinhadas.
EDIT: A propósito, bem vinda =)

Seja bem-vinda o fórum de suporte forumeiros!

Olá!

O problema como já foi dito pelo nosso colega acima é esse, elas estão desalinhadas por não terem o mesmo tamanho!Contudo se alguém souber o código, basta você esperar que irão falar...

Até Mais!

Olá!

Como foi dito, terá de aumentar a altura das imagens, sendo que esse aumento deve-se verificar na parte superior das imagens... fiz essa edição, veja se fica como pretende:

Código:

http://i46.servimg.com/u/f46/11/66/91/15/portal10.png

Código:

http://i46.servimg.com/u/f46/11/66/91/15/av0y1k10.png

Código:

http://i46.servimg.com/u/f46/11/66/91/15/regist10.png

Código:

http://i46.servimg.com/u/f46/11/66/91/15/novamp10.png

Código:

http://i46.servimg.com/u/f46/11/66/91/15/92085410.png

Código:

http://i46.servimg.com/u/f46/11/66/91/15/perfil10.png

Tópico movido de 'Problemas de conexão' para 'Questões sobre a aparência do fórum'

Mas no caso teria que diminuir a imagem 'início' e 'sair' tambem, não? Pq ficarão maiores que as outras ainda, por causa daquela corda na imagem que faz o efeito de como se o menu estivesse pendurado.
Aproveitando a linha de raciocínio do Flavisici: você poderia, ao invés de dimiuir as imagens, aumentá-las para que fiquem do mesmo tamanho do que as que citei. No caso, adicionaria um espaço transparente acima das imagens para que as mesmas fiquem do mesmo tamanho.
Só que, acima dos botões, ficará uma área "clickável", por assim dizer pq ainda fará parte do menu. Fica estranho, mas é no que posso ajudar ^^'

EDIT: Ops, foi exatamente isso que o Flavisic fez. Agora que vi, , justamente pelas imagens estarem transparentes na parte de cima. Erro meu ^^'

Olá!

Poderá somente confirmar se sua dúvida está resolvida?
Caso necessite de suporte adicional, por favor informe-nos!

Até mais.