Image 图像悬停时向左移动

我刚接触网页设计，我有一个特别的例子，好吧，我被困在这里： 你有3个图像组合的标志，当你去悬停在中间的图像，侧边的每边像50像素的速度。我已经实现了用填充在右侧移动图像的目标，但当我尝试对左侧执行相同操作时，我的图像开始向左跳跃并返回到原始位置

如果有人有更好的建议，我喜欢研究

这是我希望实现的目标之一

我想出了这个密码：

    #logo_levo{
        position: absolute;
        float: right;
        width: 111px;
        height: 111px;
        -moz-transition:all 0.3s linear;

    }
    #logo_levo:hover{
        padding-right: 100px;
    }

html:

---

好的，这里有一些你可以解决的问题。css关于小提琴的规则..检查小提琴

<img id="logo_levo" src="data/images/Class_B_obroc1_logo.png"/>

<div id='logo'>
  <div id='a'></div><!--left image-->
  <div id='b'></div><!--middle image-->
  <div id='c'></div><!--right image-->
</div>