双浮动错误 - IE

Question

我想修复一个网站，我正在帮助一个朋友，而在IE浏览器中显示的导航栏就像是堆叠在一起。

这是双浮动错误的一部分，我尝试添加显示：内联，但我仍然有这个问题。

网址：http://www.flanels.com/RadiantecHOME.html
CSS：http://www.flanels.com/style.css`

Answer 1

我保存了本地副本并修改了#top-navigation以删除float: left;。

这似乎使顶层菜单在Firefox和IE中呈现相同，但我不知道它可能创建了哪些其他问题。

我在IE和Firefox中看到的一个问题是，除了倾斜的条纹之外，还有白色的垂直条纹（图像之间的中断），我相信它们是图像的一部分。

另一件事是，如果浏览器不够宽，顶级菜单会根据需要进行换行。

Answer 2

不看起来像双浮到我。

从我可以从IE开发看出，<李>在IE中有既没有显示，也没有浮动应用，但因为幅度被设置为风格“＃顶部导航UL礼”势必0.我发现你使用的是过渡文档类型，所以如果你能摆脱难以预测的怪癖模式，我会先把它改成严格的。因为smiller指出你不需要float和inline，所以你应该删除其中的一个，然后我建议开始简化代码来找出冲突是什么。

希望切换到严格会立即排除你。

Answer 3

你在包含div上留下了一个浮点数。