網站在IE7中看起來可以，但其他IE則不行

Question

這就是我的網站在Google Chrome和幾乎所有瀏覽器（某些版本的IE）中的外觀。

這就是在IE8，IE9和IE6中的外觀。

有趣的是，該網站在IE7中看起來完全可以。 我希望您能幫助我解決問題，但是我真的不知道該為您提供哪些數據，但是如果您提出要求，我將為您提供所需的一切。

這是標頭代碼：

<div id="header">
<div id="headercont">
<div id="headerlogo">
<img src="<?php echo dir;?>css/images/headerbg.png" class="header" />
</div>
<div id="menu">
<div id="mpointshighlight">
<div id="menupoints">

<?php echo menuSpace; ?>
<a href="<?php echo dir;?>index.php"><div id="menumain">Main</div></a>
<?php echo menuSpace; ?>
<a href="<?php echo dir;?>about.php"><div id="menuabout">About</div></a>
<?php echo menuSpace; ?>
<a href="<?php echo dir;?>blog.php"><div id="menublog">Blog</div></a>
<?php echo menuSpace; ?>
<a href="<?php echo dir;?>photos/photos.php"><div id="menuphotos">Photos</div></a>
<?php echo menuSpace; ?>
<a href="<?php echo dir;?>videos.php"><div id="menuvideos">Videos</div></a>
<?php echo menuSpace; ?>
<a href="<?php echo dir;?>music.php"><div id="menumusic">Music</div></a>
<?php echo menuSpace; ?>
<a href="<?php echo dir;?>projects/projects.php"><div id="menuprojects">Projects</div></a>

</div>
</div>
</div>
</div>
</div>

這是標頭CSS：

#header {
background-color:#00a2ff;
background-image:url('images/menubg.png');
background-repeat:repeat-x;
background-position:bottom;
width:100%;
min-width:1100px;
height:243px;
}

#headercont {
margin:auto;
width:1100px;
}
#headerlogo {
margin:auto;
width:1000px;
}
#menu {
width:100%;
height:44px;
}
#menupoints {
position:relative;
width:1000px;
font-size:24px;
font-family:verdana;
height:44px;
}
#mpointshighlight {
margin:auto;
width:1000px;
margin-bottom:10px;
background-repeat:no-repeat;
}
#menupoints a:link {
color:white;
text-decoration:none;
text-shadow: black 2px 2px 3px;
}
#menupoints a:visited {
color:white;
text-decoration:none;
text-shadow: gray 2px 2px 3px;
}
#menupoints a:hover {
color:white;
text-decoration:none;
text-shadow: black 2px 2px 3px, white 0 0 1em;
}
#menupoints a:active {
}
#menumain {
display:inline
}
#menuabout {
display:inline
}
#menublog {
display:inline
}
#menuphotos {
display:inline
}
#menuvideos {
display:inline
}
#menumusic {
display:inline
}
#menuprojects {
display:inline
}

Answer 1

難以確定問題到底有多深，但可能有幫助的是研究IE中的兼容模式：

http://msdn.microsoft.com/zh-CN/library/cc288325(v=vs.85).aspx

具體來說，告訴IE8和更高版本模仿IE7：

確保這是頭部中的第一個HTML標簽。

至於IE6，根據您的目標受眾，您也許可以忽略它，否則恐怕是CSS的拖網！