html - IE 7/8 忽略绝对定位 DIV 之外的相对定位 DIV

Question

好的，我们开始……这是我的 HTML 代码：

<div id="header">
    <div class="menu-hauptmenu-container">
        <div id="logo">
        <a href="#"></a>
        </div>
    </div>
</div>

的CSS：

.menu-hauptmenu-container {
position:relative;
max-width:960px;
width:90%;
margin-left:auto; 
margin-right:auto;
height:75px;
}
#header {
position:relative;
width:100%;
background:#eb3d3c;
height:75px;
}
#logo {
    position:absolute;
    width:200px;
    height:106px;
    background: url(img/logo.png) no-repeat center;
    top:0;
    left:5px;
    z-index:9999;
}
    #logo a{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
    }

问题：IE7/8 忽略了相对定位的“.menu-hauptmenu-container”，因此绝对定位的“#logo”定位在父 DIV 之外。

与往常一样，我很难用英语解释技术上的想法，所以：

我知道，这不会很受欢迎，但这里是现场直播： http ://www.thorstenbreyer.de/kunden/pommerel/tcn/ieproblem/

谢谢！

Answer 1

.menu-hauptmenu-container在媒体查询中。IE 7 和 8 会忽略媒体查询，因此无法正确定位。