макет формы сломан в Firefox

Question

Может кто-нибудь объяснить, почему моя форма не работает в Firefox?Я пробовал разные способы исправить это, но продолжаю получать один и тот же результат.Я был бы признателен, если бы кто-то мог сказать мне, где я иду не так с этим.Я включил захваты, чтобы вы могли увидеть проблему.Я также разместил код на скрипке.Я также отмечаю, что в Fiddle я использую IE8 и макет там тоже не работает, но не в моем браузере.Большое спасибо.

Захваты:

http://img20.imageshack.us/i/ffformincorrect.png/

http://img195.imageshack.us/i/ie8formcorrect.png/

Скрипка: http://jsfiddle.net/tdfLQ/

Answer 1

Я протестировал вашу ссылку jsfiddle в Firefox, Safari, Chrome и IE 8, и все они отображают ее одинаково, а решение Aziz просто требует некоторых настроек, попробуйте взглянуть на: http://jsfiddle.net/tdfLQ/1/

Кроме тогочтобы убрать ширину, как предложил Азиз, я только что добавил поля в поля и кнопку отправки.

Быстрый гугл придумал эту страницу, которая выглядит полезной (может быть, немного старой): http://www.websiteoptimization.com/speed/tweak/forms/

Answer 2

Вот рабочий пример того, что вы хотели: http://jsfiddle.net/tdfLQ/8/

Answer 3

Удалить width: 350px; из .fb-input-right-con