Probleme DHTML avec ie 5 et +

Bonjour,
J'ai un soucis avec ie et DHTML, le code ci dessous marche tres bien avec firefox et pas du tout avec ie. Il n'y a pourtant aucune erreur déclanchée quand j'active la fonction de création d'une nouvelle table.

Mon but (atteind sur firefox) est d'ajouter dynamiquement un bout de formulaire. Le code ci dessous n'est pas complet mais a exactement le même comportement que le code complet donc j'imagine que le probleme (et donc sa solution :)) se trouve dans ces lignes.

Mon fichier HTML (a savoir que c'est un template) :
            <tr>
                <td id="image">
                    <script language="JavaScript" type="text/javascript">
                    <!--
                        <!-- BEGIN liste_images -->
                            {IMAGES}
                        <!-- END liste_images -->
                        //createFormImage('{URL}', '{HAUT}', '{LARG}', '1', true);
                        //createLigneImage('images/logo_01.jpg', '100', '100', 1, true);
                    //-->
                    </script>
                </td>
            </tr>
            <tr>
                <td>
                    <!-- Nombre d'images -->
                    <input type="hidden" name="nbimg" value="{NBIMG}" />
                    <!-- Identifiant de l'image ouverte -->
                    <input type="hidden" name="numimg" value="{NUMIMG}" />
                    <!-- Y a t il une image ouverte  -->
                    <input type="hidden" name="imgopen" value="{IMGOPEN}" />
                    <!-- valeur max des identifiant d'image -->
                    <input type="hidden" name="maximg" value="{NBIMG}" />
                    <!--<a href="javascript:ajouter('{DEFAULT_ROOT_URL}', '', '', document.mod_conf.nbimg.value, document.mod_conf.numimg.value, eval(document.mod_conf.maximg.value) + 1, 0);">Ajouter une image</a>-->
                    <a href="javascript:testDhtml();">Ajouter une image</a>
                </td>
            </tr>

En rouge l'appel qui nous intéresse.

et voici la fonction javascript correspondante (dans un fichier js lié à la page) :
function testDhtml()
{
    var numImg = 2;
    var oDIV = document.createElement('div');
   
    var oDIVid = document.createAttribute("id");
    oDIVid.nodeValue = "div_" + numImg;
    oDIV.setAttributeNode(oDIVid);

    var oDIVvis = document.createAttribute("visibility");
    oDIVvis.nodeValue = "visible";
    oDIV.setAttributeNode(oDIVvis);
       
    var oTAB = document.createElement('table');
   
    var oTABclass = document.createAttribute("class");
    oTABclass.nodeValue = "form";
    oTAB.setAttributeNode(oTABclass);
   
    var oTABwidth = document.createAttribute("width");
    oTABwidth.nodeValue = "100%";
    oTAB.setAttributeNode(oTABwidth);
   
    var oTABborder = document.createAttribute("border");
    oTABborder.nodeValue = "0";
    oTAB.setAttributeNode(oTABborder);
   
    var oTABid = document.createAttribute("id");
    oTABid.nodeValue = "imagetab" + numImg;
    oTAB.setAttributeNode(oTABid);
   

    // TR1
    var oTR1 = document.createElement('tr');
    var oTR1id = document.createAttribute("id");
    oTR1id.nodeValue = "tr1_" + numImg;
    oTR1.setAttributeNode(oTR1id);
   
    //TD11
    var oTD11 = document.createElement('td');
   
    var oTD11class = document.createAttribute("class");
    oTD11class.nodeValue = "h1";
    oTD11.setAttributeNode(oTD11class);
   
    var oTD11rowsp = document.createAttribute("rowspan");
    oTD11rowsp.nodeValue = "6";
    oTD11.setAttributeNode(oTD11rowsp);
   
    // TEXTE111
    var oTexte111 = document.createTextNode('Photo : ');
   
    // Création de l'arbre
    oTD11.appendChild(oTexte111);
    oTR1.appendChild(oTD11);
   
    oTAB.appendChild(oTR1);

    oDIV.appendChild(oTAB);

    var oImg = document.getElementById("image");  
    oImg.appendChild(oDIV);
}

Voila. Si quelqu'un a une idée...
Merci d'avance pour vos réponses.





Bonne journée

Alors ? j'ai collé tout le monde la dessus ?

Bonne journée