Поля разные для Chrome и Mozilla

Question

Я застрял в проблеме маржи / позиционирования, когда у меня есть div, который не будет взаимодействовать между браузерами Mozilla и Webkit. Рассматриваемый элемент находится внизу страницы http://clifford-stage.scholastic.com/Calendar где есть черный ящик с верхней правой границей с радиусом. (примечание редактора о постерах...) В Mozilla граница не выходит за нижние края и отображается по желанию, однако в Chrome и Safari дно проходит за края, и я играл со всеми сценариями полей, но не могу показаться чтобы договориться между браузерами.

Буду признателен за любую помощь. (Кстати, это не дизайн моей страницы...)

Answer 1

В Firefox вам необходимо явно объявить координаты X & Y при использовании position:absolute;:

#yourDiv {
    position:absolute;
    top:0;
    left:0;
}

В противном случае вы получите странное поведение. Это также правильное поведение браузера, Firefox просто строже, чем Chrome.