Html 菜单栏上未显示左侧边框

我已经为我的网页创建了CSS菜单栏。但当有人在“我的演示文稿”链接上移动鼠标时，左侧边框不显示。当前已选择“我最喜欢的”链接。请注意左侧的灰色边框没有显示在“我最喜欢的”链接上。但当你在“朋友最喜欢的”链接上移动鼠标时，右边的边框就会显示在“我最喜欢的”链接上。我需要将左侧边框显示到

以下是链接：-

/*导航栏CSS从这里开始*/
.menu、.menu ul、.menu li、.menu a{margin:0；padding:0；border:none；outline:none；}
.菜单{高度：30px；宽度：759px；背景：3B5998；边框：1px实心#e1e1e1；边框左上半径：5px；-moz边框半径左上：5px；边框右上半径：5px；-moz边框半径右上：5px}
.menu li{位置：相对；列表样式：无；浮动：左；显示：块；高度：30px；}
.menu ul{显示：无；}
.menu li a{显示：块；填充：0 14px；线条高度：30px；文本装饰：无；字体系列：Tahoma；字体重量：粗体；字体大小：11px；颜色：#f9f9f9；左边框：1px实心#8698C0；}
.menu li:hover>a{color:#9a；背景：#fff；左边框：1px实心#ccc；}
.menu li a.first{左边框：0px；背景：#ffvv00；}
.menu li.current a{边框：0px；高度：31px；颜色：#9a；背景：#fff；页边距顶部：-3px；填充顶部：3px；填充底部：4px；边框左上半径：5px；-moz边框半径左上：5px；边框右上半径：5px；-moz边框半径右上：5px；}
.menu li:第一个子a:悬停{边框左上半径：5px；-moz边框半径左上：5px；边框右：1px#ccc实体；边距右：-1px；}
.menu li:最后一个子项a{右边框：无；}

对代码做了很多更改，最好看一下演示

注意：

---

我不确定，为什么您使活动元素比其他元素更高，并且它们有一些圆边。看起来很奇怪

嘿，和其他菜单项相比，当前菜单项的高度有点大。你需要那样吗谢谢你的回复…但这不是正确的。你们有并没有看到第一个链接的左侧边框。我需要当前选定的链接稍微向上。这就是为什么我给了-3的最高利润率。我想你已经删除了-3页边距…但我需要显示选定的链接有点大，然后其他链接…现在检查演示，将其更改为bitWow。。谢谢你，赛义德。。现在可以用了…谢谢你的帮助Syed。。。我会给你看的时候，我的页面将完成样本。。。那就告诉我它看起来好不好……）谢谢。。。

 <ul class="menu" style="margin-top:20px;">
    <li><a href="#">Home</a></li>
    <li><a href="my-presentations.htm">My Presentations</a></li>
    <li class="current"><a href="myFavorite.htm">My Favorite</a></li>
    <li><a href="#">Friend's Favorite</a></li>
    <li><a href="#">Most Viewed</a></li>
    <li><a href="#">Sync account</a></li>
</ul>

  /* NAVBAR CSS START HERE */     
.menu,.menu ul,.menu li,.menu a {margin: 0;padding: 0;border: none;outline: none;}
.menu {height: 30px;width: 759px;background: #3B5998;border:1px solid #e1e1e1; border-top-left-radius:5px;-moz-border-radius-topleft:5px; border-top-right-radius:5px;-moz-border-radius-topright:5px}
.menu li {position: relative;list-style: none;float: left;display: block;height: 30px;}
.menu ul { display: none;}
.menu li a{display: block;padding: 0 14px;line-height: 30px;text-decoration: none;font-family: Tahoma;font-weight: bold;font-size: 11px;color: #f9f9f9;border-left:1px solid #8698C0;}
.menu li:hover > a{ color: #9a9a9a; background:#fff; border-left:1px solid #ccc;}
.menu li a.first{border-left:0px; background:#ffvv00;}
.menu li.current a{border:0px; height:31px;color: #9a9a9a; background:#fff; margin-top:-3px; padding-top:3px; padding-bottom:4px;border-top-left-radius:5px;-moz-border-radius-topleft:5px; border-top-right-radius:5px;-moz-border-radius-topright:5px;} 
.menu li:first-child a:hover{border-top-left-radius:5px;-moz-border-radius-topleft:5px; border-right:1px #ccc solid; margin-right:-1px;}
.menu li:last-child a{border-right: none; }