Firefoxはposition：relativeをサポートしていませんか？

Question

は、私は以下のCSS

#sign_up_box_1 { 
    width: 400px; 
    height: 280px; 
    position:relative; 
    top: -290px; 
} 

それはSafariで正常に動作しますが、Firefoxで動作しないで、div要素を持っています。

Firefoxはトップを無視しているようです：-290px。

誰でも助けてくれますか？以下

JSFiddleコードです：

HTML

<div id="container"> 
    <div id="test"></div> 
</div> 

CSS

#container { 
    -moz-box-align: center; 
    -moz-box-orient: vertical; 
    -moz-box-pack: center; 
    display: -moz-box; 
    position: relative; 
    width: 200px; 
    z-index: 0; 
} 

#test { 
    width: 100px; 
    height: 100px; 
    background-color: red; 
    position: relative; 
    top: -50px; 
} 

それは私が見つけるSafariでうまく機能とFirefox

に失敗しchrome..but問題は "ボックス"です...ボックスプロパティを削除すると、Firefoxは正常に動作します...

誰か考えていますか？

Answer 1

Geckoでは、XULボックスの子どもの相対的な配置はサポートされていません。 XULボックスモデルでは、このようなことをするのは実際には意味がありません。

標準のCSSを使用している限り、もちろん、相対的な位置付けは期待通りに機能します。