我正在开发一个项目，其中我特别使用带主题的CSS。我正面临IE7和IE8之间的兼容性问题。我在<div>的页面上放置了一个ASP.Net菜单。在div上应用CSS样式，如下所示。
.TopMenuPanel
{
background-color:#3783a9;
position:relative;
left:597px;
top:0px;
width:573px;
height:24px;
text-align:left center;
}
当我在IE7上看到该页面时，菜单显示在一个位置，而在IE8中它显示在另一个位置。 具体说说，在IE7中，左侧位置：597px上：0px显示在半页之前，而IE8显示在半页之后。
其他人对此类问题有任何经验，请在这个问题上给我专家解决方案。
答案 0 :(得分：1)
如果您知道您的代码在IE7中有效，您可以通过在
中包含以下标记来强制IE8浏览器使用IE7标准<meta http-equiv="X-UA-Compatible" content="IE=7">
IE 8的行为与IE7完全相同
答案 1 :(得分：1)
立场：相对孤独并不意味着什么。 position：relative应该应用于div的父级。 你应该把位置：绝对而不是相对。
答案 2 :(得分：0)
确保文档顶部有标准DOCTYPE。 IE7将在没有DOCTYPE的情况下以怪癖模式运行，但IE8将在标准模式下运行，无论默认情况如何。
试试这个：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
请记住，在＆lt; html＆gt;之前，这必须是文件中的第一行。标签