これはおそらくあなたがここに持っているマージンコードのためです:
.navigation ul li{
background:url(../images/nav-lnie.png) repeat-y right 0;
margin:0 2px 0 0;
}
各メニュー項目の右側に2pxのマージンがあるため、次の要素にマウスをマウスしても左マージンは隠されません。マージンが実際に必要でない場合は、十分なスペースがあるため、マージンを削除でき、正常に動作するはずです。必要に応じて、ホバーコマンドでは、要素の間隔を変更できます。
.navigation ul li a:hover{
background:url(../images/hover.png) repeat-x;
margin-left: -2px;
padding-left: 2px;
}
もちろん、問題を修正するのは大まかなハックです。間隔も両端で調整できます。