Hola :)!
Antes que nada agradecerles por cualquier tipo de ayuda y el tiempo que puedan dedicar a contestar esta duda !
El problema es la siguiente:
Este sitio:
http://cablemodem.fibertel.com.ar/pa...nes_somos.html
está diseñado con CSS y validado tanto el CSS como el XHTML 1.0 Transitional, ambos están correctos.
El problemas es que la barra de navegación (los cuadrados) se ve bien en IE7 y mal en Mozilla. La barra está arnada con un div para cada opción y un link en su interior que esta forzado con
display:block; para que cuando pase el ratón por encima del mismo el div contenedor tome el color en su totalidad:
A.nav, A.nav:VISITED, A.nav:ACTIVE, A.nav:LINK{
color:#374e7a;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration: none;
display:block;
Width:100%;
}
A.nav:HOVER{
text-decoration: none;
color:#FFFFFF;
background:#9cabd2;
}
El tema es que en Mozilla, la región del link no aparece desde el comienzo del div sino que queda un margen en la parte superior, haciendo que al pasar sobre él el ratón el color no llena completo la barra. Lo que veso es que la región sensible del link está como corrida hacia abajo.
¿Alguien tiene alguna idea de como arreglar esto para que funcione en Mozilla? ¿Porqué aparece este margen?
Mil gracias por su tiempo!