innerHTML no funciona en ie alguna alternativa para solucionarlo

[tripoli]

Hola, llevo dias con este tema y no consigo solucionarlo, trata de llenar un select dependiente con ajax, la verdad que en firefox funciona pero en ie no, muestro codigo por si alguien me da la solucion:

funcion js

Código Javascript:

function recuperar(id,ide,url){
        var ajax = ajax();
            var vinculo=url+"?id="+id;
           ajax.open("GET",vinculo,true);
           ajax.onreadystatechange=function(){
                   if (ajax.readyState==4){
                           if (ajax.status==200){
                                   var http=ajax.responseText;
                                   document.getElementById(ide).innerHTML= http;
                         }
                   }
           }
           ajax.send(null);
     
    }
var miFuncion = function(e){
var interesante = e.nextElementSibling || e.nextSibling.nextSibling;
return interesante.id;
}
 

los select

Código PHP:

<form name="form" method="get">
    <select name="paises" id="paises" onchange="recuperar(this.form.paises.value, miFuncion(this),'ciudades.php')">
    <?php
    while ($reg=mysql_fetch_array($res)){
    ?>
    <option value="<?php echo $reg['id_paises'];?>"/><?php echo $reg['paises'];?></option>
    <?php
    }
    ?>
    </select>
    <select name='ciudades' id='ciudades'>
  <option value=''o>selecione ciudad</option>
    </select>
    </form>
 

aqui el codigo que llamo con ajax

ciudades.php

Código PHP:

<?php
    require_once("conexion.php");
    $sql_ciudades="select * from ciudades where id_paises=".$_GET["id"]."";
    $res=mysql_query($sql_ciudades);
 
    while ($reg=mysql_fetch_array($res)){
    ?>
    <option value="<?php echo $reg["id_ciudades"];?>"><?php echo$reg["ciudades"];?></option>
    <?php
    }
    ?>
 

espero que intenten ajudarme, saludos