Problema con Ajax e IE

[fermat]

ho già provato a fare varie modifiche ma nn riesco a far funzionare questa funzione con IE:

        <script type="text/javascript">
            function changeSelect(str) {
                if (str == "") {
                    document.getElementById("categoria").innerHTML = "";
                    return;
                }

                if (window.XMLHttpRequest) {
                    xmlhttp = new XMLHttpRequest();
                } else if(window.ActiveXObject) {
                    try {
                        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
                    } catch(e) {
                        try {
                            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                        } catch(e) {
                            xmlhttp = false;
                        }
                    }
                    
                }

                xmlhttp.onreadystatechange = function() {
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        document.getElementById("categoria").innerHTML = "<option value='*'>*</option>" + xmlhttp.responseText;
                    }
                }
                xmlhttp.open("GET","home-cat.php?sid=" + str, true);
                xmlhttp.send();
            }
        </script>

mi serve per riempire una select in base ai risultati scelti nella prima select.
con gli altri browser ovviamente funge, con IE la seconda select rimane vuota.