Foros del Web - ayuda enlace-celda

Hola a todos!!
soy nuevo, muyy nuevo en javascript, quizas haya formas mas faciles de hacerlo pero bueno.
Quiero que al pasar el raton sobre sobre una celda su contenido se transforme en un href y que al sacar el raton del href de nuevo se convierta en celda, manteniendo el contenido.
Con el siguiente codigo lo consigo, el unico problema es que cada vez que hace la transformacion avanza un caracter ¿¿??, y asi tenemos que segun se desplaza el raton por encima va cambiando la etiqueta y el contenido aparece cada vez un caracter (blanco,vacio...¿?) adelante,muy bonito para hacer una animacion pero n me vale :'(

Código:

<HTML> 

<HEAD> 

<TITLE></TITLE>         

</HEAD>

 

<SCRIPT LANGUAGE="JavaScript">

<!--

function Raton_encima(identidad) 

{

    var el =document.getElementById(identidad);

    var padre = el.parentNode;

    padre.removeChild(el);

    var ref = document.createElement("a");

    ref.innerHTML = identidad;

    ref.href ="/" + identidad;

    ref.id= identidad;

    ref.setAttribute('onMouseOut', "Raton_adios(this.id)");

    padre.appendChild(ref);

}

function Raton_adios(identidad)

{

    var el =document.getElementById(identidad);

    var padre = el.parentNode;

    padre.removeChild(el);

    var ref = document.createElement("td");

    ref.innerHTML = identidad;

    ref.id = identidad;

    ref.setAttribute('onMouseOver', "Raton_encima(this.id)");

    padre.appendChild(ref);

}

//-->

</script>
 

<BODY >  

<table id="cuatro"><td id="dos" onMouseOver= "Raton_encima(this.id)" >dos</td>

</table>

</body>
 

</HTML>

:aplauso: x10000 para el que me ayude a ver que hago mal,gracias