Почему это отличается по-разному в Chrome и Firefox 3.6?

Question

http://jsbin.com/ohuwu4/5

(Пример взят из прохождения Google по CSS )

Кстати, я пытался выполнить эту проверку, но я не смог заставить jsbin добавить атрибут типа в тег <script>.

Answer 1

Я думаю, что это ошибка, связанная с разрушением полей .

Изменение CSS на:

#wd-c div { margin: 0 1em 1em; }

, кажется, исправляет это (и для меня подтверждает, что это margin-top CSS, как упомянуто в отчете об ошибке). Однако вы теряете маржу на всех <div> с, что нежелательно.

Чтобы это исправить, я добавил:

#wd-1 { margin-top:1em !important; }

чтобы вернуть его на первый, и он будет одинаковым в обоих браузерах.