css - 移行：FirefoxとOperaでトップが機能しない

Question

私はこれを機能させることができません。私はそれが可能でなければならないことをかなり確信しています。

これは単なる例です。トランジション効果で内側のdivを下に移動させたい。

<div id="outer">
    <div id="inner"></div>
</div>

<style type="text/css">       
    #outer
    {
        width:200px; 
        height:200px; 
        background-color:Yellow;
    }

    #inner
    {
        position:relative;
        -webkit-transition: top .4s ease-out;
        -moz-transition: top .4s ease-out;
        width:50px; 
        height: 100px; 
        background-color:Red;
    }

    #inner:hover
    {
        top:20px;
    }

</style>

f.exで正常に動作します。Chromeではありますが、Firefox14とOpera12ではありません（それぞれ-o-transitionを使用）。効果なしで唯一の「遷移」プロパティを試しました。

Answer 1

autoからに移行することはできません20px。で明示的にに設定0pxし#inner {}ます。