Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/03/2011, 15:57
alheranx
 
Fecha de Ingreso: julio-2010
Mensajes: 84
Antigüedad: 14 años, 4 meses
Puntos: 7
Lista que se Desborda del Div Hacia Arriba

Hola Amigos aquí con una duda.

Tengo un problema recurrente en todos mis CSS y es a la hora de crear una lista para menú dentro de un div.

El problema es que los LI se desbordan sobre el contenido del div, pero no hacia abajo, si no hacia arriba :/

Aqui el código de ejmplo:

<html>
<head>
<style type="text/css">
#menu_principal {
background: #000;
height: 30px;
}
#menu_principal li{
display: inline;
}
#menu_principal li a{
background: #0C0;
padding: 5px 10px;
}
</style>
</head>

<body>

<h1>Un titulo</h1>

<div id="menu_principal">
<ul>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
</ul>
</div>

</body>
</html>

No tiene que ver con el unicode ni nada de eso ya lo he probado.

Aqui esta la liga del ejemplo que estoy pegando:
http://ideashmedia.com/prueba.html

Lo que quiero es que se coloque dentro del div, al tope de este!
Gracias de antemano a todos por sus comentarios de ayuda!