Html 网站在IE7中看起来还可以，但在其他IEs中则不行

这就是我的网站在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>

#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
}

---

如果不深入了解，很难确定问题出在哪里，但可能有助于了解IE中的兼容性模式：

具体来说，告诉IE8及更高版本仿效IE7：

确保这是头部的第一个HTML标记

---

至于IE6，取决于你的目标受众，你也许可以忽略它，否则我担心这是一个通过CSS拖网

发布你的代码，你的js或CSHERE有点问题，标题是：

css/images/headerbg.png“class=”header“/>这里是css:
#header{背景颜色：#00a2ff；背景图像：url（'images/menubg.png'）；背景重复：repeat-x；背景位置：底部；宽度：100%；最小宽度：1100px；高度：243px；}标题栏{页边距：自动；宽度：1100px；}标题栏{页边距：自动；宽度：1000px；}菜单{宽度：100%；高度：44px；}菜单点{位置：相对；宽度：1000px；字体大小：24px；字体系列：verdana；高度：44px；}mpointshighlight{页边距：自动；宽度：1000px；页边距底部：10px；背景重复：无重复；