
@charset "utf-8";
#navlat {
list-style-type: none;
margin: 0px;
padding: 0px;
left: 0px;
height: 50px;
width: 250px;
}
#navlat li {
list-style-type: none;
margin: 0px;
padding: 0px;
left: 0px;
text-indent: 0px;
list-style-position: outside;
display: block;
}
#navlat li a {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #003366;
text-decoration: none;
background-color: #CCFFCC;
height: 14px;
width: 250px;
text-indent: 0px;
display: block;
}
#navlat li a:hover {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #999966;
text-decoration: none;
background-color: #99CCCC;
height: 14px;
width: 250px;
}
Tiene elementos de mas que despues habra que limpiar que fueron puestos para tratar de sacar ese margen.
Ahora mando el html:
<div id="navlat">
<ul>
<li><a href="#">Que es la homeopatía</a></li>
<li><a href="#">Que enfermedades puede tratar</a></li>
<li><a href="#">Por que enfermamos</a></li>
<li><a href="#">Medicamentos homeopáticos</a></li>
</ul>
</div>
Muchas gracias