Firefox не поддерживает положение: относительное?

Question

У меня есть div, ниже его css

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

Отлично работает в сафари, но не работает в Firefox.

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;
}

это хорошо работает в сафари и chrome .. но не удалось в Firefox

Я обнаружил, что проблема в "коробке" ... когда я удаляю свойство коробки, Firefox работает нормально ...

У кого-нибудь есть идеи?

Answer 1

Относительное расположение дочерних элементов блоков XUL не поддерживается в Gecko. Это действительно не имеет никакого смысла делать подобные вещи в блочной модели XUL.

Пока вы придерживаетесь стандартного CSS, относительное позиционирование будет работать, как и ожидалось.