刪除菜單按鈕之間的可見下劃線

我無法刪除可點擊按鈕之間的下劃線。它似乎繼續作爲一個塊，但我不能刪除顯示：塊;因爲它只能讓文字點擊。刪除菜單按鈕之間的可見下劃線

@font-face { 
    font-family:"cfont"; 
    src: url("font/Guerra_Santa.ttf"); 
} 

body { 
    margin:0; 
} 

#menu { 
    background-color:black; 
    height:70px; 
    width:800px; 
    margin-right:auto; 
    margin-left:auto; 
} 

#menu ul { 
    list-style-type:none; 
    text-align:center; 
} 

#menu li { 
    font-family:cfont; 
    display:inline-block; 
    text-align:center; 
    line-height:70px; 
    height:70px; 
    width:200px; 
    background-color:#C28285; 
} 

#menu ul li a { 
    display:block; 
    text-decoration:none; 
    color:white; 
}

Demo

來源

2015-02-08 Morder