Почему фон p не правильно позиционируется?

Question

Подскажите, пожалуйста, почему не отображается фон p?

Проблема только в Firefox. Firebug показывает расположение div за плавающими div выше, но не может понять почему. Я знаю, что изображение там и показывает, но позади других div.

Итак, не могли бы вы сказать мне, почему Firefox предполагает, что div # about-gmm стоит за двумя вышеупомянутыми div?

http://responsedriver.com/newsite/

Спасибо большое!

Answer 1

IE 8 отображает его так же, как Firefox.

Два элемента div над p elemtn плавают, поэтому они не толкают его вниз (кроме IE 7, который ошибается).

Просто добавьте clear:both; к стилю #about-gmm.

Либо замените скрытый элемент hr (который ни на что не влияет, поскольку он скрыт) элементом div со стилем clear: both; height: 0; overflow: hidden;. (Стили, отличные от clear, не занимают места в IE 6 и IE 7.)

Answer 2

положить clear: both на ваш # about-gmm div. В противном случае плавающие элементы div не являются частью потока содержимого, поэтому под ними появляется абзац.