Css 水平导航条间距

我正在尝试用CSS创建一个水平导航栏。我正在使用此页面中的CSS，它似乎工作正常：

…但如果将鼠标悬停在示例中的任何链接上，则每个元素的左侧在垂直白色条之前都有一个小间隙。我的导航条也有同样的问题。有没有办法去掉这个空间？还是有更好的方法来创建居中的水平导航条

---

谢谢大家!

真奇怪。如果我给

标签一个-3px的“左边距”，它可以正常工作（除了第一个），但这不可能是正确的。它在Chrome和Firefox中看起来是一样的。如果将HTML更改为：

• 必须在没有样式的情况下工作。这真的很奇怪。如果我给
  标签一个-3px的“左边距”，它可以正常工作（除了第一个），但这不可能是正确的。在Chrome和Firefox中看起来是一样的。如果将HTML更改为：
  • /ul>必须在没有样式的情况下工作。谢谢，我不知道代码中的新行被转换为空格。谢谢，我不知道代码中的新行被翻译成了空格。

    <ul id="navlist">
       <li id="active"><a id="current" href="#">Item one</a></li><li><a href="#">Item two</a></li><li><a href="#">Item three</a></li><li><a href="#">Item four</a></li><li><a href="#">Item five</a></li>
    </ul>
    

    #navcontainer ul li a {
      margin-left:-3px;
    }