Cita:
Iniciado por Mikmoro Ahhhh, pues nada, es que creía que te estabas refiriendo a errores o cosas dudosas del texto publicado, no a otras cosas.
Sí, sí afecta y mucho. Si lo miras en IE6, verás que en caso de no decirle lo que debe medir de ancho (99% porque si pusiera 100% al pasar el ratón todo se descuadraría debido al borde que aparece al hacerlo), el enlace sólo se resaltará al pasar por encima de la palabra, pero no al pasar por cualquier parte del área que debería ocupar el enlace, como ocurre en FF por ejemplo. Al decirle que ocupe todo el ancho del enlace, en IE6 se comporta igual que en el resto y al pasar el ratón por cualquier parte el enlace reacciona :hover.
Pues que raro, ya que, al pasar el hover en i6 y quitandole la propiedad me funciona perfectamente, lo que yo pienso es lo siguiente
La propiedad display block esta heredando la altura 34px de la capa menu y la anchura del 25% pero yo no se mucho de esto.
A lo mejor es magia que me pasa
Cita: #menu {background-color: #333;
height: 34px;
}
#menu ul {text-align: center;
}
#menu ul li {float: left;
width: 25%;
}
#menu ul li a {color: #FFF;
line-height: 34px;
font-family: "Century Gothic";
font-weight: bold;
text-decoration: none;
display: block;
}
#menu a:hover {background-color: #e9eada;
color: #333;
line-height: 32px;
}