javascript - javascriptでマウスオーバーで画像を移動するには?

Question

コードが機能しません。現在、マウスオーバー部分は機能していますが、マウスアウトは機能していません。

ここに私のコードがあります:

<script type="text/javascript">
    function changeBtn(x){
       x.style.marginTop="50px";
  }
    function returnBtn(y){
       y.style.marginTop="-50px";
  }

<ul>
<li> <a href="home.html" target="some_page"><img src="images/home.gif" alt="home"     onmouseover="changeBtn(this)" onmouseout="returnBtn(this)"></a></li>

</ul>

Firebug は 6 行目にエラーを表示します:「marginTop は無視されます」