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 忽略媒体查询，因此它的位置不正确。