Drag and Drop não funciona no Firefox e IE.

Olá,

Não estou conseguindo fazer o drag and drop funcionar no Firefox e IE, no chrome tudo esta normal.

HTML

<button id="cima" class="botao" onClick="up()" draggable="true" ondragstart="return dragStart(event)">cima</button>

 <button id="compilar" onClick="DoMatriz();setInterval(Atualizar,1000/75)">Compilar</button>
 <button id="baixo" class="botao" draggable="true" ondragstart="return dragStart(event)">baixo</button>
 <button id="esquerda" class="botao" draggable="true" ondragstart="return dragStart(event)">esquerda</button>
 <button id="direita" class="botao" draggable="true" ondragstart="return dragStart(event)">direita</button>

JS

function dragStart(ev) {
 ev.dataTransfer.effectAllowed='move';
 ev.dataTransfer.setData("text/plain", ev.target.getAttribute('id'));
 //ev.dataTransfer.setDragImage(ev.target,0,0);

 return true;
}
function dragEnter(ev) {
 event.preventDefault();
 return true;
}
function dragOver(ev) {
 return false;
}
function dragDrop(ev) {
 ev.preventDefault();
 var data=ev.dataTransfer.getData("text");
 var node = document.getElementById(data).cloneNode(true); //Clone

 if(node.className=='botao'){
 console.log("aLTERANDO CLASSE")
 node.className='botaoNode';
 }

 if (node.id=='loopStart'){
 console.log("clone pego");
 node.getElementsByTagName('select')[0].id='qntloop'+newloop;
 node.getElementsByTagName('select')[0].style.visibility='visible';
 console.log("mudando visibilidade")
 newloop++;

	node.draggable=false;
	ev.target.appendChild(node);

 }
 node.draggable=false;
 ev.target.appendChild(node);

 CountCell+=1;

 return false;
}

O dragDrop() tem algumas linhas a mais que o comum, mas é por conta do restante do cogido.

Alguem tem alguma ideia do que pode estar acontecendo?