移行：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> 

正常に動作します。 Chromeでは、しかしFirefox 14とOpera 12では（それぞれの-o-transitionで）私は唯一の "トランジション"プロパティを効果なしで試しました。

Answer 1

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