Grazie per i mille suggerimenti ed il supporto.

Comuque perdendoci un paio di giornate sono riuscito a risolvere quasi tutti i problemi, ho creato un input hidden per "trasportare" i dati anche con chrome, e fatto una modifica al css per farlo funzionare anche con ie. Spero magari con questo post di essere d'aiuto per chi un giorno incontrasse le mie stesse difficoltà.

Mi resta un unico problema:

players[i].ondragstart = function(event) {
setdata.value="";
var squadra=this.title.split("-");
event.dataTransfer.setData("roles", this.title);
setdata.value=this.title;
}

in particolare la riga event.dataTransfer.setData("roles", this.title);
se la tolgo (perchè di fatto non la uso) con ie va perfettamente mentre firefox non parte il drag, mentre se la metto su firefox va perfettamente mentre ie va in errore su questa riga.

Qualche idea?