Javascript 跨浏览器CSS水平导航和下拉菜单-有这样的事情吗？

我已经创建了一个带有水平导航和一级下拉菜单的网站。除了IE7（下拉菜单不起作用）和IE6（每个

和

都是100%的正文宽度）之外，它在所有浏览器中都非常有效。我讨厌在网上再看10本教程，然后在所有浏览器中测试每一本。调试我当前的一个可能需要更长的时间

我想知道是否有人有一个在所有浏览器中都能工作的具体解决方案？这是一个非常常见的设计元素。我很乐意依赖CSS、Javascript、浏览器黑客等等——任何能在所有浏览器中产生一致可用nav的东西

---

tl；dr在IE6和IE7中，您使用什么代码进行带下拉菜单的水平导航？

几乎在我所有的设计中，我都必须为糟糕的浏览器IE6、IE7和IE8添加代码。和大家分享一下，IE9并不更好，因为它不支持CSS3转换。无论如何，我强烈建议您停止搜索包罗万象的解决方案，并尝试创建条件样式，如果有必要，甚至对于IE，由于以下原因：

我们开发人员几乎总是需要支持IE，因为它有相当大的优势

IE有很多问题是微软从来没有解决过的，社区为它找到了窍门和解决办法

与试图在一个包中寻址IE和其他浏览器相比，单独寻址IE的成本更低（体验）

是我脑海中浮现的

以下是更新版本：

---

请注意，IE6中包含了使其工作所需的JavaScript代码。

我希望我可以--它仍然占我要替换的站点流量的7%