Css背景图像位置动画

我正在尝试制作一个带有背景图像的菜单，背景图像附加了一个：悬停。我有不同大小的菜单链接，所以我想我可以让图像的一部分左对齐，另一部分右对齐，一个可以拉伸的中心图像，当我应用它们时，它的工作方式与我喜欢的不同，只是当你第一次将鼠标悬停在它上面时，整个图像会向下滑动几个像素。当我只使用一个背景图像时，我遇到了相同的问题。当使用背景大小包含时，我遇到了相同的问题。这在Chrome、Firefox和Ie.Windows7中都有发生

li菜单a:hover，ul li菜单a:hover{
背景：url（“D:\hoverleft.png”）不在左侧重复，url（“D:\hoverright.png”）不在右侧重复，url（“D:\hovermiddle.png”）不在中间重复；
背景尺寸：自动，自动，100%34px；
}

transition：背景大小为0s；
-moz过渡：背景尺寸为0s；
-网络工具包转换：背景尺寸为0s将添加背景附件：已修复；停止滑动问题？这让它变得很糟糕