使用CSS的菜单中的IE问题

Question

我在CSS菜单中遇到了一个奇怪的问题。

让<li>的文字和<ul>（位置绝对）和<li>在里面。

在Mozilla Firefox中，子<ul>采用所需的位置（见下图）。

在IE中，文本强制子<ul>继续前进。有什么想法吗？

提前致谢！

li {
float:left;
width:auto;
}
li ul {
left:-999em;
margin-left:0;
margin-top:5px;
padding:0;
position:absolute;
width:150px;
}
li:hover { 
left:auto 
}

Answer 1

我脑子里有三条建议。

1 - 您可以使用Eric Meyer's reset css 2 - 您可以转到ie7.js并使IE的行为与标准兼容的浏览器一样 3 - 不推荐的方法是使用这样的IE6 hack：

* html ul li{
  /* your styles */
}

Answer 2

Sarfraz，谢谢你的快速回答......我已经尝试了你的建议并且没有用，然后几天后我发现..这是最近用ANSI编码创建的文件。我有所有文件UTF-8和问题解决了使用Notepad ++将ANSI文件转换为UTF-8。感谢。