html - CSS: インライン リストのスペースを削除できません

Question

下部に 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;
}

http://jsfiddle.net/EHXxS/ http://jsfiddle.net/EHXxS/embedded/result/