Buenas
Estoy con un menú y tengo un ligero problemilla.
Cuando paso el ratón por encima de un LI, se ilumina toda su "celda", pero cuando estoy en el Internet Explorer la "celda" es más estrecha se ilumina algo menos que la "celda" o fila del menu.
¿por qué pasa eso?
Este es mi código:
Código HTML:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style>
#menuv {
background: #000000;
width: 198px;
font-style: bold;
font: 80% Arial, Helvetica, sans-serif;
}
#menuv ul, li {
list-style-type: none;
}
#menuv ul {
margin: 0;
padding: 0;
}
#menuv a {
font-style: bold;
text-decoration: none;
color: #ffffff;
display: block;
padding: 3px 6px;
width: 186px;
}
#menuv a:hover {
background: #ff5e00;
}
</style>
<body bgcolor="#FFFFFF" text="#000000">
<div id="menuv">
<ul>
<li><a href="#menuv">Inicio</a></li>
<li><a href="#menuv">Comentarios</a></li>
<li><a href="#menuv">Noticias</a></li>
<li><a href="#menuv">Contacto</a></li>
<li><a href="#menuv">Acerca de nosotros</a></li>
<li><a href="#menuv">Inicio</a></li>
<li><a href="#menuv">Comentarios</a></li>
<li><a href="#menuv">Noticias</a></li>
<li><a href="#menuv">Contacto</a></li>
<li><a href="#menuv">Acerca de nosotros</a></li>
<li><a href="#menuv">Inicio</a></li>
</ul>
</div>
</body>
</html>