jquery - IE 浮动元素无法完美显示

Question

我正在使用Superfish jQuery 插件来创建多级下拉菜单。但我有一些可怕的问题IE6/7。s 浮动到li右侧并在 Firefox 中显示在一行中（没问题），但在 IE 中，第一个（不包含链接 ( a) 标记）显示在右侧，其他显示在左侧（在 2/ 3行）一段代码：

http://jsfiddle.net/Emhj4/8/

我该怎么办？提前致谢...

Answer 1

那是因为您拥有顶级列表display: block的A元素。您只需要删除它并为您的其他“菜单级别”元素添加该属性。像这样的东西：

.menulevel1 a{color:#fff;position:relative;}

.menulevel1 li ul a{display:block;width:100%;background:#ccc;border:1px solid #000;padding:4px 5px;}

现场 jsFiddle 示例