Hola que tal. tengo el siguiente Menu en html, Este menu tiene una imagen de fondo de 30 px.. el problema es que sobre la imagen y debajo de esta me deja un espacio. Osea, el codigo del menu no me respeta la altura del div en el que se encuentra este menu. Les dejo El codigo html y css para que vean. seria ideal que la altura del menu sea la misma que la del div.. espero su respuesta saludos y muchas gracias!
HTML:
Código:
<div id="MenuPrinicipal">
<ul>
<li>Botón uno</li>
<li>Botón dos</li>
<li>Botón tres</li>
</ul>
CSS:
Código:
#MenuPrinicipal{
margin:auto;
position:relative;
width:960px;
font:"Centaur";
font-size:18px;
/*background-image:url(Imagenes/menu-01.png); */
}
#MenuPrinicipal ul li {
display: inline;
padding: 2px 7px;/* Separar el texto*/
margin:5px; /*Separar los botones */
/*background-color:#E4E4E4; Color de fondo */
}
#MenuPrinicipal ul li:hover {
background-color:#FF0000; /*Color de fondo sobre el boton */
cursor: pointer; /* cambiar el aspecto del puntero */
}
#MenuPrinicipal ul {
/* Linea para delimitar la botonera
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E4E4E4; */
background-image:url(Imagenes/menu-01.png);
height:30px;
}