Tengo problema con el menu divs

Hola a todos tengo un problema para que el texto del menu lateral se vea centrado, hay una parte sobrante del menu yellow, en la parte inferior quiero eliminar esa parte porque se ve descuadrado por abajo.. gracias


*{text-indent:0px; margin:0px; padding:0px; border:0px;}
#global {width:800px; margin:4px auto;}
#cabecera {background-color:pink;text-align:center;}
#navegacion {background-color:gray;text-align:center;}
#contenido {background-color:orange; width:800px; float:left;}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
#menu {background-color:yellow; width:150px; float:left; text-align:left; margin:10px;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}
#pie {background-color:brown;text-align:center}
a {color:brown;text-decoration:none;display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color:silver;}
a:active{}
p {text-align:justify;}