probleme mit dynamischer tabelle

[tufan]

hallo..

Ich habe eine Tabelle, die ich mit JS dynamisch erweitern möchte. Es klappt auch mit dem IE problemlos, FireFox jedoch macht Probleme, bzw. sie tut gar nichts. Die Fehlermeldung lautet:

Fehler: uncaught exception: [Exception... "String contains an invalid character"  code: "5" nsresult: "0x80530005 (NS_ERROR_DOM_INVALID_CHARACTER_ERR)"  location: "http://www.disco-simarik.de/(...) Line: 16"]

Die Seitenkodierung:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">

Der Skript:

  
<script language="javascript" type="text/javascript">  
var Zeile = 1;  
function addRow()  
{  
 Zeile += 1;  
 var TR = document.getElementById("Tabelle").insertRow(Zeile);  
 var TD1 = document.createElement("td");  
 TD1.setAttribute("align","center");  
 TD1.setAttribute("valign","middle");  
  
// folgende Zeile ist die oben angegebene Zeile 16:  
 var TD1textfeld1 = document.createElement("<input name='pos' type='radio' id='pos' size='3'>");  
 TD1.appendChild(TD1textfeld1);  
  
 var TD2 = document.createElement("td");  
 var TD2textfeld2 = document.createElement("<input type='file' name='fotos"+Zeile+"' id='bild1"+Zeile+"' accept='image/jpeg,image/gif' size='30' class='input'>");  
    TD2.appendChild(TD2textfeld2);  
  
 var TD3 = document.createElement("td");  
 var TD3textfeld3 = document.createElement("<input type='text'  name='width[]' value='500' class='input' style='width: 50px; font-face: Verdana; font-size: 9pt;'>");  
 TD3.appendChild(TD3textfeld3);  
 var TD3text = document.createTextNode(" × ");  
 TD3.appendChild(TD3text);  
 var TD3textfeld4 = document.createElement("<input type='text'  name='height[]' value='auto' class='input' style='width: 50px; font-face: Verdana; font-size: 9pt; font-weight: normal;'>");  
 TD3.appendChild(TD3textfeld4);  
  
 var TD4 = document.createElement("td");  
 var TD4textfeld4 = document.createElement("<input type='text'  name='strokewidth[]' value='1' class='input' style='width: 30px; font-face: Verdana; font-size: 9pt;'>");  
 TD4.appendChild(TD4textfeld4);  
 var TD4text = document.createTextNode(" px # ");  
 TD4.appendChild(TD4text);  
 var TD4textfeld4 = document.createElement("<input type='text'  name='strokecolor[]' value='FFFFFF' class='input' style='width: 70px; font-face: Verdana; font-size: 9pt; font-weight: normal;'>");  
 TD4.appendChild(TD4textfeld4);  
   TR.appendChild(TD1);  
 TR.appendChild(TD2);  
   TR.appendChild(TD3);  
   TR.appendChild(TD4);  
  
}  
</script>  

...und der Aufruf:

  
<A href="javascript:addRow();"><IMG height=20 src="icons/bild_neu.gif" width=108 align=absMiddle border=0></A>  

Könnte jemand mir sagen, was ich nicht beachtet habe, so dass dieser Skript bei FireFox Probleme gemacht hat ?
Vielen Dank im Voraus,

grüsse,

tufi