Html 图像在悬停时稍微向右移动？

我的一些按钮的悬停和活动状态都有问题

当您悬停或使其处于活动状态时，上面看到的按钮会稍微向右移动。但我的箭头按钮工作正常

下面是我的中间按钮CSS代码：

div.clean_rounded-horizontal.st_sliding_active >div.st_tabs{overflow:visible}

div.clean_rounded-horizontal >div.st_tabs div.st_tabs_wrap{position:relative !important;width:100%}

div.clean_rounded-horizontal.st_sliding_active >div.st_tabs div.st_tabs_wrap{width:auto !important;margin:0px 49px}

div.clean_rounded-horizontal >div.st_tabs ul{width:10000px;margin:0px;padding:0px;list-style:none}

div.clean_rounded-horizontal >div.st_tabs ul li{display:block;float:left;margin:0px}

div.clean_rounded-horizontal >div.st_tabs ul li a{color:#98d1e9;display:block;height:50px;text-decoration: none;text-align:center;width:90px;font:bold 12px/50px Arial,Helvetica,sans-serif;background:url("http://i52.photobucket.com/albums/g25/AniM3Fr3aK/portbuttons_zps914fad15.png~original") no-repeat}

div.clean_rounded-horizontal >div.st_tabs ul li a:hover{background-position:center -51px;}

div.clean_rounded-horizontal >div.st_tabs ul li a.st_tab_first{}div.clean_rounded-horizontal.st_sliding_active >div.st_tabs ul li a.st_tab_first{border-left:0 none;border-top-left-radius:0px}

div.clean_rounded-horizontal >div.st_tabs ul li a.st_tab_last{}

div.clean_rounded-horizontal.st_sliding_active >div.st_tabs ul li a.st_tab_last{border-right:0 none;border-top-right-radius:0px}

div.clean_rounded-horizontal >div.st_tabs ul li a.st_tab_active{background-position:center -51px;}

---

谢谢你的帮助，我不知道它为什么这样做。

我找到了解决方案。由于某种原因，当我将它居中时，它会稍微向右移动。所以要修正它，我必须把中心改成左边。像这样

div.clean_rounded-horizontal >div.st_tabs ul li a.st_tab_active{background-position:left -51px;}

---

也发布html，并将其全部放在一个文件夹中，所以问题是我本来打算这么做，但我发现了。我正在写答案。