수평 CSS UL 메뉴

Question

내 CSS 스타일의 UL 메뉴가 어떤 이유로 수평으로 배치되지 않습니다. 를 작성하는 CSS는 다음과 같습니다

#navigation { 
    width:79em; 
    height: 2em; 
    position: relative; 
    padding: .5em; 
    font-family: Verdana, Geneva, sans-serif; 
    text-transform: uppercase; 
    font-size: 1em; 
    background-color: #F5F5F5; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    -webkit-box-shadow: 0 0 1em 0 #333; 
    -moz-box-shadow: 0 0 1em 0 #333; 
    box-shadow: 0 .25em .3em -.055em #333; 
} 

#navigation ul { 
    text-align: center; 
    padding: 0; 
    margin: 0; 
    list-style: none; 
} 

#navigation li { 
    display: inline; 
    list-style: none; 
    display: block; 
    float: left; 
    width: 10em; 
    height: 2em; 
    text-align: center; 
    padding: .5em 0 0 0; 
    margin: 0; 
    border-left: .0625em solid #FFF; 
    border-right: .1em solid #CCC; 
    text-shadow: .0625em .0625em .0625em #ffffff; 
    filter: dropshadow(color=#ffffff, offx=1, offy=1); 
} 

Answer 1

추가

#navigation { 
... 
margin : 0 auto; 
}