Css 继承了IE中不同的左位置_Css_Internet Explorer_Doctype

Css 继承了IE中不同的左位置

css internet-explorer

Css 继承了IE中不同的左位置,css,internet-explorer,doctype,Css,Internet Explorer,Doctype,我正在将卷展栏菜单改装到现有网站中，除了IE外，其他地方看起来都不错。这里有一个隐藏页面，其中包含新菜单：菜单代码如下所示： <ul> <li id='link0'><a href='/index.php'>Home</a></li> <li id='link1'><a href='/pages/about_new.php' onmouseover='showabout()' onmouseout='hide

我正在将卷展栏菜单改装到现有网站中，除了IE外，其他地方看起来都不错。这里有一个隐藏页面，其中包含新菜单：

菜单代码如下所示：

<ul>
<li  id='link0'><a href='/index.php'>Home</a></li>
<li  id='link1'><a href='/pages/about_new.php'  onmouseover='showabout()'  onmouseout='hideabout()'>About Us
<div id="aboutRollout" style="display:none" onmouseover="showabout()"  onmouseout="hideabout()">
<ul>
<li><a href="pages/about_new.php">Mission</a></li>
<li><a href="/pages/about_board.php">Board Members</a></li>

<li><a href="/pages/about_donate.php">Donate</a></li>
<li><a href="/pages/about_partners.php">Partners</a></li>
</ul></div></a></li>
<li  id='link2'><a href='/pages/members.php'>Join Us</a></li>

#aboutRollout {
position:absolute;
left:inherit;
top:193px;
width:120px;
z-index:5;
background-color:#CAD5EC;
color:#000;
border:1px solid #fff;
padding-top:5px;
z-index:100;
}
#aboutRollout LI {
border:none;
padding: 0 5px 5px 5px;
font-size:11px;
white-space:nowrap;
}

#aboutRollout LI A {
background-color:#CAD5EC;
color:#000;
text-decoration:none;
}

#aboutRollout LI A:HOVER {
background-color:#CAD5EC;
color:#000;
text-decoration:underline;
}

问题是IE解释

left:inherit

在

#aboutRollout

上作为链接文本的结尾而不是开头

关于让它在IE中的LI下对齐有什么建议吗？

只需将此

DOCTYPE

添加为您的第一行，即可将其从IE中的“怪癖模式”中带出，并在IE7/8、Firefox、Chrome中对齐菜单：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

我没有注意到它把你页面上的其他内容（专业）搞砸了。

IE早于8岁，不支持

inherit

。哇。这个概念被其他东西取代了吗？在我注意到“轻松修复”之前，我打算写一篇文章，你应该尝试将

位置：相对，添加到标记和顶部：0；左：0
到卷展栏divs
。以防万一你需要它。