【发布时间】：2012-09-10 00:52:21
【问题描述】：
我在使用 IE 9 和 CSS 时遇到了一些问题。我想像每天一样制作一个 ul,li 菜单（只是开玩笑，不是每天），然后遇到一些我以前从未遇到过的错误。我有 2 个问题的屏幕截图。第一个 IE 9： Problem IE9
在这里，我们有我想要的方式并在 Firefox、Chrome、Safari 中获取它： No Problem Firefox,Chrome,Safari
这是整个菜单的 CSS：
#menu {
background: white url(images/menu.jpg);
width: 940px;
height: 58px;
margin: 40px auto;
}
#menu ul {
margin: 0px 0px 0px -50px;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
text-align: center;
}
#menu li {
list-style: none;
line-height: normal;
float: left;
margin-left: 160px;
}
#menu a {
display: block;
float: left;
height: 55px;
padding: 0px 30px 0px 30px;
line-height: 56px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 19px;
font-weight: normal;
color: #B5B5B5;
border: none;
}
#menu .current_page_item a {
color: #FFFFFF;
}
#menu a:hover {
text-decoration: none;
color: #FFFFFF;
}
这里是菜单的 HTML 代码：
<div id="menu">
<ul>
<li><a href="index.html"><strong>Startseite</strong></a></li>
<li><a href="programm.html"><strong>Programm</strong></a></li>
<li><a href="karten.html"><strong>Karten</strong></a></li>
<li class="current_page_item"><a href="#"><strong>Sponsoren</strong></a></li>
</ul>
</div>
我希望有人能帮我解决这个问题..
顺便说一句：http://adtime.agasoft.net/bako 在那里你可以找到整个 HTML 页面的东西！ :)
【问题讨论】：
-
您的
#menu li中有一个float: center。中心不是浮动的有效选项。 -
标记的第一行是声明 XML，但您没有将此页面作为 XML 或 XHTML 提供。
标签： html css internet-explorer-9 html-lists