No hay menarea en IE

[AdrianSeg]

En firefox y Chrome va perfectamente, cuando seleccionas el radio otro me activa el campo cuando lo deselecciono me lo oculta sin problemas...pero en IE no hay manera y no sé que ocurre...

Siento haber mezclado jquery con sentencias de javascript normal no se si es mala costumbre, gracias.

Código HTML:

Miembro del equipo directivo: <input type="radio" name="pi1" value="miembro" id="miembro" onClick="toggle_campo(this)"  />
 
            Educador/a: <input type="radio" name="pi1" value="educador" id="educador" onClick="toggle_campo(this)" />
 
            Otros: <input type="radio"  name="prueba" value="Otro" id="Otro" onClick="toggle_campo(this)" />
            
 
  
        </tr>
        
        <!--Este div no se puede meter dentro de un td ya que sino se activa por defecto aunque no se muestre-->
            <div id="control" style="display:none;position:relative; top:20px; left:420px;">
            <em>Escriba otra opci&oacute;n</em>  
<input name="pi1" type="text" id="pi1" />          
            </div>
 

Código Javascript:

<script>
<!--
 
      
function toggle_campo(elemento) {
    
 if(elemento.value=="Otro") {
 
//Mostramos el Div
           $("#control").show();
 
// Desactivamos el resto de radio si se selecciona el boton otros
 
for (var i=0; i < document.all["pi1"].length; i++)
 
document.all["pi1"].item(i).checked = false;
 
   } else {
       
       
 
$("#Otro").attr('checked', false);
 
//ocultamos el div
 
      $("#control").hide();
   }
 
}
 
-->
</script>