Почему нет маржи в FireFox?

Question

http://dl.dropbox.com/u/18795563/BLOGDESIGNNEW/index.html Почему в FireFox отсутствует поле слева от hgroup в заголовке? Отлично работает в Chrome и Safari. Как мне заставить это работать в FireFox?

Answer 1

Я считаю, что проблема заключается в том, что настройка отображения по умолчанию hgroup является встроенным. Установка его на блокировку исправит вашу проблему с полем.

#topheader hgroup {
  display:block;
}

Answer 2

Какая версия Firefox? Firefox4 показывает разницу, но FF3.x может и не показывать, потому что у него нет встроенных стилей для новых элементов HTML5. Вы должны добавить 'display:block' для правильного рендеринга.

Answer 3

Это выглядит как запас для меня.

Answer 4

После проверки HTML-кода вашей страницы, я выяснил следующую проблему в #topheader hgroup CSS:

overflow: visible:; Уберите столбец с конца видимого. т.е. overflow: visible;

Answer 5

Маржа не работает в большинстве случаев. и это потому, что он должен рассчитать расстояние с элементами снаружи. и это сложно.

вы должны попробовать отступы вместо margin:

#topheader hgroup {
padding: 1em;
overflow: visible;
}

также изменить : в ;;)

это будет работать во всех браузерах.