Mira lo que te pongo en negrita...
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;
[B]
width: 198px;[/B]
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;
[B]width: 186px;[/B]
}
#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> Qué quiere decir...?
Que la lista tiene un ancho de 198px y cuando pasas el ratón por encima de 186px... pon los dos a 198px...
Aresillo!!