定位jQuery div

Question

所以我有链接显示一个隐藏的div，它有以下CSS应用于它：

.ind-infoNode {
    display:none;
    background:url(/_images/employer-toggle-bg.png) 0 0 no-repeat; 
    height:250px; 
    width:645px;
    padding:20px 35px 30px 20px;
    position:absolute;
    margin:0;
}

当div显示时，它基本上显示在屏幕中间，链接位于页面上，即FireFox和Chrome ...但是

在IE中，它显示在页面的最底部，页面上的所有内容下。

我该怎么做才能解决这个问题？

这是使用的js：

$(document).ready(function() {
    $("a[id^=ind-info-lnk]").live("click", function () { 
        var num = this.id.split(/-(?:lnk)?/).pop(); 
        $('#ind-info-'+num).show(); 
        return false; 
    });  

    $(function() { 
        $(document).keypress(function(e) {   
            if (e.which == 27) {  
                $('.ind-infoNode').hide();  
            }  
        });  
        $('a.close').click(function() {   
            $('.ind-infoNode').hide();  
            return false;   
        }); 
    }); 
});

Answer 1

可能是因为您将其定位为绝对值，因此需要在CSS中定义top，left，bottom和/或right？

Answer 2

如果您使用position: absolute，您必须确保父元素还具有position的css属性，无论它具有哪个值。也许这可以解决你在IE中的问题。

Answer 3

您是否尝试将div移动到身体元素的顶部？