Скорее всего, из -за кода маржи, который у вас есть здесь:
.navigation ul li{
background:url(../images/nav-lnie.png) repeat-y right 0;
margin:0 2px 0 0;
}
Поскольку справа от каждого пункта меню есть 2PX -края, левый край не будет скрыт, если вы мышитесь на следующем элементе. Если маржа действительно не нужна, вы можете удалить его, и он должен работать нормально, учитывая, что места достаточно. Если это необходимо, то по команде Hover вы можете изменить расстояние на элементе:
.navigation ul li a:hover{
background:url(../images/hover.png) repeat-x;
margin-left: -2px;
padding-left: 2px;
}
Конечно, это грубый взлом, чтобы решить проблему. Расстояние может быть отрегулировано на обоих концах.