Largura do Hover

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : 03/02/2015
Endereço do fórum : http://www.cidadesocial.com

Descrição do problema

Olá,

Como posso alterar a largura do hover no menu de meu fórum? Pois em algumas opções ele está ficando sobre outras.

Código do menu:

Código:

/* Menu */
#pun-navlinks li {
margin: -6px!important;
}
a.mainmenu[href="/faq"]{display: none !important;}
a.mainmenu[href="/search"]{display: none !important;}
a.mainmenu[href="/memberlist"]{display: none !important;}
a.mainmenu[href="/groups"]{display: none !important;}
a.mainmenu[href="/privmsg?folder=inbox"]{display: none !important;}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
margin-left: -5px!important;
margin-right: -5px!important;
padding-left: 26px!important;
padding-right: 26px!important;
}
a.mainmenu:hover {
background: black!important;
padding: 13px!important;
}
a.mainmenu {
padding: 13px!important;
}
a.mainmenu {
position: relative;
left: 3% !important;
}
div#pun-navlinks {
margin-left: -6pc!important;
width: auto!important;
left: 16px!important;
position: relative!important;
}
#pun-navlinks {
background: #242424!important;
margin-left: -16px;
margin-top: 15px;
width: 102.5%;
}
a.mainmenu {
color: #fff!important;
display: inline-block;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
margin: 0!important;
margin-top: -5px !important;
margin-bottom: -5px !important;
min-width: 35px;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #333;
}
/*Css do logo = LOGO LOGO EU FAÇO UM HOVER */
.cssLogo {
color: #FFF;
display: inline-block:
font-family: Rancho;
font-size: 90px;
line-height: 2;
margin-left: 3.5%;
text-shadow: 0 1px 1px rgba(0,0,0,0.88);
z-index: 999;
}

p#pun-desc {
color: #FFF;
font-family: Rancho;
font-size: 30px;
margin-left: 245px;
margin-top: -95px;
padding: 50px;
text-shadow: 0 1px 1px rgba(0,0,0,0.76);
}
#pun-intro {
background-image: url(http://i.imgur.com/HZrRTHS.png);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 200%;
margin: -16px;
padding: 30px;
}

/*Numero das paginas */
table.forumline {
display: none;
}
.paging {color: #fff !important;}
p.paging a {font-size: 11px; margin-left: 1px; line-height: 22px; text-transform: lowercase;}
p.paging a:not(:first-of-type),p.paging b {background: linear-gradient(to bottom, #FFF 0%, rgba(255, 255, 255, 0) 100%) repeat-x scroll 0px -1px #F4F4F4; border: 1px solid #C0C2C3; color: #414141; text-shadow: 0px 1px 0px #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); border-radius: 3px; display: inline-block; padding: 2px 9px; text-transform: lowercase; font-size: 11px; font-weight: normal; line-height: 22px;}
p.paging b {background: #0A558A;border: 0px;color: #fff; text-shadow: 0px 1px 0px #0a558a; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px #FFF; padding: 3px 10px;}
p.paging a:not(:first-of-type):hover{
        background-color:#fafafa;
  background-image:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
  background-image:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background-image:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background-image:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background-image:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  color:#414141;
  border-color:#b2b4b5
}
p.paging a:not(:first-of-type):active,p.paging b:active {
  position:relative; top:1px;
  background-image:-moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.03) 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.03)));
  background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  background-image:-o-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  background-image:-ms-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  background-image:linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.03) 100%);
  -webkit-box-shadow:inset rgba(0,0,0,0.3) 0px 1px 3px;
  -moz-box-shadow:inset rgba(0,0,0,0.3) 0px 1px 3px;
  box-shadow:inset rgba(0,0,0,0.3) 0px 1px 3px
}
/* Ranks */
.dono {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #DB00E7;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 49px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
.staff {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #6060D6;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 50px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
.vip {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #E7E400;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 5px 54px;
text-shadow: rgba(0, 0, 0, 0.46) 0 -1px 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34) inset, 0 1px 5px rgba(0,0,0,0.36);
-webkit-transition: all .2s ease-in-out;
}
/*Perfil*/
.pun .user .user-info {
text-align: center;
}
.user-basic-info img:first-child {
-moz-border-radius: 5px;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d8d8d8;
border-radius: 5px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 130px;
padding: 2px;
width: 130px;
}
.pun .user-ident .username {
text-align: center;
}
.pun .user-ident .user-basic-info {
position: relative !important;
margin-top: 5% !important;
}.pun .post .user {
float: left;
margin-left: -17em;
margin-top: -4.5em !important;
position: relative;
}
.pun .user-ident .username {
border: 1px solid #ddd;
border-radius: 3px;
margin: 0 auto;
position: relative;
}
.pun .posthead, .pun .username {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
pun .post .user {
line-height: 150%;
margin-left: -17em!important;
margin-top: -3.3em;
padding-top: 0;
text-align: center;
width: 15em;
}
.pun .user-ident .user-basic-info {
font-weight: 700;
margin-top: -1em;
text-align: center;
}
/*Background do fórum*/
#main-content {
background: #fff!important;
margin-left: 4.3%!important;
padding: 10px 0px;
position: relative!important;
width: 90%;
}
/*Topicos*/
.topicTitle {
font-size: 16px;
color: #fff;
font-weight: 700!important;
text-shadow: #1D8BD3 1px 1.3px 3px!important;
}
.main-foot.clearfix {
display: none;
}
.pun .post {
border-style: none;
padding: 5px;
}
.pun .posthead {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.pun .postmain:after, .pun .postmain:before {
border-color: rgba(255, 255, 255, 0);
border-style: solid solid outset!important;
content: " ";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #ddd;
border-width: 8px;
}
.pun .postmain:after, .pun .postmain:before {
border-style: solid solid outset;
content: "";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #D6D3D3;
border-width: 8px;
}
.pun .postmain {
margin-left: 18em;
border: 1px solid #D6D3D3;
border-radius: 3px;
position: relative;
}
.pun .posthead, .pun {
background-color: #F0F0F0;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.postfoot {
border: transparent!important;
}
/*Atalhos de navegação*/
.pun-crumbs {
background: none repeat scroll 0 0 #eff1f3;
background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png)!important;
border: 1px solid #d9dbdd!important;
border-radius: 5px 5px 5px 5px!important;
box-shadow: 0 0 3px rgba(109,119,237,0.2)!important;
clear: both!important;
font-size: 11px!important;
margin: 0 1% 1em!important;
overflow: hidden!important;
padding: .2em 1em!important;
}
.pun-crumbs {
  background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png);
}
p.crumbs a {
  position: relative;
}
p.crumbs a:hover {
  margin-left: -17px;
  padding-left: 17px;
}
p.crumbs a:before,
p.crumbs a:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
  width: 0px;
}
p.crumbs a:hover:before {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 60% -1px; 
}
p.crumbs a:hover:after {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 100% center;
}
p.crumbs a {
  transition: none;
} 
p.crumbs a:hover {
  background-position: 100% -1px;
}

.pun-crumbs {background: none repeat scroll 0 0 #eff1f3;border: 1px solid #d9dbdd;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px rgba(109,119,237,0.2);clear: both;font-size: 11px;margin: 0 1px 1em;overflow: hidden;padding: .2em 1em;}
p.crumbs a {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
color: #757575!important;
line-height: 30px;
margin-left: -12px;
padding: 10px 20px 10px 12px;
text-shadow: 0 1px 0 #fff;
}
/*Opacidade nos links*/
a {-moz-transition-duration: .4s;-o-transition-duration: .4s;-webkit-transition-duration: .4s;text-decoration: none!important;transition-duration: .8s;}

/*Avatar nas categorias*/
.lastpost-avatar img {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D5D5D5;
border-radius: 100%;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 38px;
margin: 5px;
padding: 1px;
width: 38px;
}
/* Remover permissoes do forum */
#onlinelist {
display: none;
}

/* Categorias */
.main {
width: 98.1%!important;
margin: auto!important;
}
.pun tbody.statused span.status {
position: absolute;
left: 57px;
margin-top: center;
}
.pun tbody.statused td.tcl {
padding-left: 70px;
}
input#gsc-i-id1 {
color: rgb(35, 35, 35)!important;
}
th.tc2, th.tc3, th.tcr {
position: relative!important;
top: -35px!important;
background-color: transparent!important;
display: none;
}
.pun .paged-foot, .pun .paged-head {
border: none;
}
.pun table.table td {
border-style: none;
}
.pun table.table th.tcl {
display: none;
}
#content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
background: #22242D !important;
border-bottom: 3px solid #2A80B9 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
min-height: 18px !important;
padding: 10px !important;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0 !important;
}.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background: transparent;
border: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
color: #777;
}.pun table td.tcl {
height: 52px;
min-height: 24px;
vertical-align: top;
}
/* Smilies */
form#smilies_categ {
display: none;
}
.gensmall {
display: none;
}

/* Remoção de Links */

a[href="/profile?mode=editprofile&page_profil=preferences"] {
display: none;
}
a[href="/profile?mode=editprofile&page_profil=signature"] {
display: none;
}

/* Remover o sublinhado dos Links */

a {
text-decoration:none!important;
}
/*Remover guia bbcode*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
display: none;
}


Saudações,

Aqui a largura encontra-se certa amigo.
Ao passar o mouse sobre o menu automaticamente a largura fica estável para os botões, ou seja, a largura fica proporcional para ambos.

Seria apenas quando estamos logados ao fórum?
Até mais.

Eu gostaria de alterar a largura do hover, pois tipo, quando você passa rapidamente para outra opção, o hover fica sobre a ultima que você estava com o cursor sobre ela..

Saudações,

Mas isto ocorre por causa deste código que causa o efeito em teu fórum:

Código:

a {
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
/* -webkit-transition-duration: .4s; */
text-decoration: none!important;
/* transition-duration: .8s; */
}

Vá em teu CSS e retire este código e verá que o efeito irá sumir.
Até mais.

Pode fechar, consegui arrumar aqui o código.