CSS下拉菜單樣式

Question

我怎樣才能擺脫劃分每下面的例子中每個菜單項，但保持活躍菜單的整體外邊框的水平邊界：

http://jsfiddle.net/tdJnS/

事情是這樣的：

Answer 1

刪除li - > a的border-top。

見DEMO這裏

CSS下面變化，

ul#navmenu-h li:hover li a, 
ul#navmenu-h li.iehover li a { 
/*border-top: 1px solid #EEEEEE;*/ <-- Commented 
... 
... 

和

ul#navmenu-h li:hover a, 
ul#navmenu-h li.iehover a 
{ 
/*border-top: 1px solid #EEEEEE;*/ <-- Commented 
... 
... 

編輯：

如果您將邊框添加到ul並從li > a中刪除margin-left: -1和margin-top: -1，它應該可以工作。

另請注意，刪除保證金會給你從前有什麼不同的感覺。

DEMO這裏

/*newly added - Change to any color to #EEEEEE if that is what you want */ 
ul#navmenu-h ul  
{ 
    border: 1px solid black; 
} 

及以下評論，

ul#navmenu-h li:hover li a, 
ul#navmenu-h li.iehover li a { 
/*border-top: 1px solid #EEEEEE; 
border-right: 1px solid #EEEEEE; 
border-left: 1px solid #EEEEEE; 
border-bottom: 1px solid #EEEEEE; 
    margin-left: -1px; */ 


ul#navmenu-h li:hover a, 
ul#navmenu-h li.iehover a 
{ 
/*border-top: 1px solid #EEEEEE;*/ 
/*margin-top: -1px;*/ 

Answer 2

從這個刪除邊框頂部：

ul#navmenu-h li.iehover li a { 
border-bottom: 1px solid #EEEEEE; 
border-right: 1px solid #EEEEEE; 
border-left: 1px solid #EEEEEE; 
margin-left: -1px; 

float: none; 
background: #FFF; 
font-weight: normal; 
font-size: 10px; 
}