Lista que se Desborda del Div Hacia Arriba

[GAST0N]

Estas haciendo mal esto:

Código:

#menu_principal li{
display: inline;
}

para que la lista sea horizontal debes hacer asi:

Código:

#menu_principal li{
float:left;
}

Despues para que tomen distancia entre si, podes darle un margen left..

y para mejorar el aspecto, seria mejor que quites las viñetas (los puntitos que estan al comienzo de cada li), para eso aplica la siguiente regla a ul

Código:

ul
{
list-style-type: none;
}

seguramente que cuando le des float left a los li, toda la lista se te corre mas al medio, para arreglar eso, dale margin-left, negativo al <UL>

SALUDOS... ESPERO QUE TE SIRVA