Firefox не отображает форму

Ваш сгенерированный DOM недействителен. Элементы символов (текст) и <br>, <form> и <script> могут не быть дочерними элементами элементов - может быть только элемент <tbody>, <thead> и <tfoot> (хотя в XHTML вы можете иметь <tr> элементы тоже).

Чтобы эти элементы существовали внутри таблицы, они должны отображаться полностью внутри ячейки таблицы.

Учитывая неработающий HTML, Firefox будет неплохо компенсировать ошибки автора, но когда сломанная DOM генерируется с помощью JS, вы обходите некоторые из подпрограмм автокоррекции.

В стороне, ваш Doctype (HTML + Transitional + No системный идентификатор) запускает режим Quirks - что обычно не помогает.

Я предлагаю:

1. Переключитесь на Doctype, который запускает режим стандартов
2. Подтвердите свою разметку
3. Создайте контент, который вы добавляете с помощью JavaScript, используя простой HTML вместо этого.
4. Убедитесь , что Validate
5. Напишите JavaScript для создания DOM, который вы сейчас тестировали как действительный

Почему вы не добавляете кнопку с использованием JavaScript, когда ответ отображается на экране?
Этот способ должен работать на всех браузерах ...

function addButton() {  
    //Create an input type dynamically.  
    var element = document.createElement('input');  

    //Assign different attributes to the element.  
    element.setAttribute('type', 'button');  
    element.setAttribute('value', 'Continue');  
    element.setAttribute('name', 'somename');  
    element.setAttribute('id', 'someid');  

    var foo = document.getElementById("fooBar");  

    //Append the element in page
    foo.appendChild(element);  
}