Creo que el link esta tomando la zona "bottom" del boton este, ya que ahi cambia de color el texto y funciona como boton, pero si yo me posiciono arriba del texto no funciona tengo que poner el mouse por debajo del texto para que lo tome...
Se que puede ser problema de line-height pero no lo puedo arreglar, no conozco todos los codigos para link, se que son hover, visited y algun otro mas, pero no la clase en si...
La captura para mostrarles el ejemplo del problema esta
Y el codigo que quiero modificar de mi template es este:
#topnav #mainlevel a:link, #topnav #mainlevel a:visited {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #2B3036;
float:left;
display:block;
padding: 0 30px;
height: 28px;
line-height: 28px;
text-decoration: none;
background: url(../images/omt_button_off.png) 0 0 no-repeat;
border: 0;
}
#topnav #mainlevel li.red_active_menu {
border-right: 1px solid #721901;
}
#topnav #mainlevel li.red_active_menu a:link, #topnav #mainlevel li.red_active_menu a:visited {
background: url(../images/omt_button_on.png) 0 0 no-repeat;
color: #EEF0F2;
float:left;
padding: 0 30px;
height: 28px;
line-height: 28px;
}
#topnav #mainlevel a:hover {
color: #616B78;
}
#topnav #mainlevel li.red_active_menu a:hover {
color: #fff;
}
