Абсолютно позиция div находится за текстовым полем в IE7

Question

У меня проблемы с абсолютно позиционированным пользовательским выпадающим меню, в IE7 div находится за обычным текстовым полем, которое не позиционируется каким-либо особым образом.Я уже читал эту тему: IE7 помещает абсолютно позиционный div внизу, игнорирует z-index , но решения не помогли мне.

Разница между моим кодом и человеком, который задал вышеуказанный вопрос, заключается в том, что мой div создается с помощью javascript с использованием document.write и добавляется с помощью appendChild

addEvent(document.getElementById("storeDown"), "click", showRegions);
var showRegions = function(e) {
        var dd = getTarget(e);
        if(document.getElementById("regionOptions")) {
            dd.parentNode.removeChild(document.getElementById("regionOptions"));
            regionsShowing = false;
        } else {
            var ddNode = document.createElement("div");
            ddNode.id = "regionOptions";
            ddNode.style.backgroundColor = offColor;
            var optNode;
            for(var region in storeList) {
                optNode = document.createElement("div");
                optNode.innerHTML = region;
                ddNode.appendChild(optNode);
            }
            dd.parentNode.appendChild(ddNode);
            regionsShowing = true;
        }
        cancelEvent(e);
    }

Мой родительский div имеетz-индекс равен 500 и позиционируется относительно, а regionOptions позиционируется абсолютно, и я попытался также добавить к нему z-индекс, но это не имело значения.

Answer 1

Хорошо, наконец-то понял, я изменил, где он добавляется, так что он добавляется в div в нижней части страницы после всех текстовых полей (в моем случае, div кнопок), поэтому вместо dd.parentNode.appendChild(ddNode), теперь это document.getElementbyId("buttons").appendChild(ddNode), но также пришлось изменить CSS, чтобы он располагался абсолютно относительно обертки страницы, а не конкретного div, и, похоже, это исправило его.