Хорошо выглядит на Chrome и IE ... Плохо на Firefox?

Question

Я знаю, это моя вина.Я знаю по тому, как высота правильно работает с пакетами, и что я возместил проблему (просто чтобы закончить дизайн), используя кучу разрывов (тегов br). Lol.

В любом случае, сайт выглядитименно так, как я хочу, чтобы в Chrome (за исключением взлома (теги br)) ... В Firefox, это беспорядок.На самом деле это выглядит хорошо в IE ... но не работает -.-

У меня уйдет 2-3 часа на настройку и изменение битов CSS.Это займет у эксперта CSS 5 минут, поэтому я пришел спросить, что происходит?Действительно ли Chrome простил мою плохую кодировку или Firefox запутался?

Моя главная задача сейчас состоит в том, чтобы все выглядело одинаково и надлежащим образом (ни один из этих разрывов (тегов br) не хак).Затем я сосредоточусь на получении функциональности IE позже.

Вот сайт.

Answer 1

После прохождения проверки, как предложил Sotiris, я понял, что наличие блочных элементов во встроенном элементе вызывает проблемы с Firefox.

У меня были теги DIV и H3 в тегах меток, из-за чего все было неправильно.Странно, что IE8, Chrome, Safari по-прежнему отображаются нормально ... Но Firefox стал странным.Я понимаю, что для Firefox действительно странно, потому что это противоречит правилам, но это должно быть более прощающим.

Я заменил использование H3 на диапазон, который имел такое же форматирование, которое я хотел, итакже заменил DIV, которые у меня были, как контейнеры для внедрения HTML с использованием javascript, и вместо этого просто добавил HTML вместо поиска DIV.

Answer 2

Чтобы исправить раздел платежей в Firefox, я изменил ваш html следующим образом: