Chrome的CSS问题-导航元素凹凸

为班级制作学术模型。这是一个简单的复制现有公司的网页只使用HTML和CSS。上周，所有浏览器中的一切都运行良好。我昨天打开它，在提交之前检查它，发现有一个问题

仅在Chrome浏览器中，导航栏的最后一个元素被直接向下撞击19像素

这一页
css

相关css

#navbar {
    position:absolute;
    display:block;
    top: 115px;
    left:0px;
    width:100%;
    height: 45px;
    background:url(../images/navbar_section.png) repeat-x;
    padding:0px;
    margin:0 auto;
    text-align:center;
    -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.27);
    -moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.27);
    box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.27);
}
#navmenu {
    float:left;
    left:50%;
    position:relative;
    width:964px;
}
#navmenu ul, li {
    display: inline;
}
#navmenu li a {
    font-size:1em;
    float: left;
    color: white;
    font-weight:bold;
    border-left:2px groove #008dcb;
    text-decoration: none;
    line-height:45px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    right:50%;
    padding-left:10px;
    padding-right:10px;
    width:138px;
}
#navmenu li a:hover {
    color: white;
    background:url(../images/navbar_visited.png);
}
#navmenu li:last-child a {
    border-right:2px groove #008dcb;
}

相关的html

<div id="navbar">
  <div id="navmenu">
    <ul>
      <li><a href="#">SHOP</a></li>
      <li><a href="#">WHY ALLTEL</a></li>
      <li><a href="#">PLANS</a></li>
      <li><a href="#">APPS & MORE</a></li>
      <li><a href="#">CAREERS</a></li>
      <li><a href="#">EMPLOYEES</a></li>
    </ul>
  </div><!--end of navmenu-->
</div><!--end of navbar-->

我知道如果你看css文件，看到navmenu和navmenu2可能会有点混乱，但只关注navmenu，因为第二个是我没有实现的不同样式

我已尝试删除宽度元素，但错误没有改变。
我试着将上面的代码复制到一个新的html文档中。同样的错误

---

我完全不知所措。请帮忙

清除填充。这篇文章只是为了给这个问题列出一个公认的解决方案。

facepalm我可以发誓我已经试过了，但我在ul中加入了一个填充重置。问题解决了。对不起，浪费了你的时间！我会将此设置为“已回答”，但我不能，因为我是新用户。您可以回答自己的问题，然后选择答案作为正确答案：）在7小时内我可以。说我无法回答自己的问题，因为我的代表低于10。