Html CSS:can'；t消除内联列表上的空格

我在底部构建了一个CSS导航栏。出于某种原因，左侧有一个小缓冲区，似乎没有什么可以消除它。这会阻止链接正确居中

我尝试了

padding left:-10px

，但它不会向左移动，即使

padding left:10px

会向右移动它

body {
    padding: 0;
    margin: 0;
}
    html, body, #map {
    height: 100%;
        }

footer {
    position: fixed;
    bottom: 0; 
    left: 0;
    height: 35px;
    width: 100%;
    font-size: 12px;
    background-color: black;
    padding-bottom: 25px;
    padding-left: 0;
    list-style-type: none;
    text-decoration: none;
    text-align:center;
    letter-spacing:2px;
    float: none;
}

ul li {
    display: inline;
    background:url('images/sep.svg') no-repeat top left;
     padding-left: 10px
}

a {
    text-decoration: none;
    list-style-type: none;
    color: #DFC184;
    a:visited: blue;
}

---

似乎可以解决它

太棒了！谢谢看起来ul可能有一个固有的边界？是的，默认情况下，

有填充。

#nav {
    padding:0;
}