ho provato a modificare così:
codice:
        <script type="text/javascript">
            function changeSelect(str) {
                if (str == "") {
                    document.getElementById("categoria").innerHTML = "";
                    return;
                }

                var xmlhttp;
                var browser = navigator.appName;
                if(browser == "Microsoft Internet Explorer"){
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                } else {
                    xmlhttp = new XMLHttpRequest();
                }

                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>
ma nada.
la seconda select continua a rimanere vuota.
nessuno ha un'idea??
ribadisco che il problema si presenta solo con IE (nel caso con IE 8).