Навигация сдвигается на 1px

Добрый день, уважаемые форумчане. Помогите, пожалуйста, разрешить проблему со сдвигом строки навигации вправо на 1 px. Непонятно откуда это вообще взялось - изображение уже сразу было с разделителями, но тем не менее появился еще один слева:

Код:

<div id="navigation">

<ul id="nav" >

<li id="home" class="current">

<a href="/index.html">

Главная

</a>

</li>

<li id="about" >

<a href="/aboutus.html">

О нас

</a>

</li>....

css:

#navigation{

width:960px;

display: inline;

}

ul#nav {

left: 0px;

margin-top:0px;

}

ul#nav li {

background: url('../img/nav_active2.png') no-repeat;

float: left;

height: 43px;

width: 160px;

}

ul#nav li a {

display: block;

height: 100%;

text-indent: -9000px;

width: 100%;

}

ul#nav li#home {

background-position: 0px 0px;

width:160px;

}

ul#nav li#home:hover {

background-position: 0px -48px;

}

ul#nav li#home.current, ul#nav li#home:active {

background-position: 0px -48px;

}

ul#nav li#about {

background-position: -160px 0px;

width:160px;

}

ul#nav li#about:hover {

background-position: -160px -48px;

}............

Буду вам очень признательна за любую помощь.