Probleme drag and drop script aculous

Bonjour, je créé un tableau dynamiquement avec javascript de cette manière:

function addLigne(value,index,createTitle){
		var tableau = document.getElementById("tableauData");
		var ligne = tableau.insertRow(-1);
		ligne.setAttribute("id","draggable");
		var i = 0;
		while(i<value.length)
			{
			 var colonne = ligne.insertCell(-1);
			 colonne.innerHTML += "<a id=\"draggable\">"+value[i]+"</a>";
			 i++;
			};
		new Draggable('draggable', {ghosting:true ,'onStart':function(){alert("coucou") ;}});
}  

Mon tableau est créé dans une autre fonction de cette manière:

mais celà ne me donne rien...

var div = document.getElementById("contenu");
div.innerHTML +="<table id='tableauData' cellpadding=2 border='1' style='background:#f3f3f3'></table>";

je galère depuis quelques jours pour trouver la solution, mais rien...
dans ma page html, j'ai nommé un élément <p> avec l'id draggable et ca marche, mais pas avec la table...
<p id="draggable">ca bouge</p>[/i]