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; 
}