css无序列表菜单类似于IE中的“步骤”

时间:2009-05-19 03:57:07

标签: css internet-explorer menu

我的菜单在好的浏览器上工作正常。代码全部有效(到目前为止!)。在IE浏览器中虽然它看起来像一个楼梯,但每个菜单项距离它左边的几个像素。它应该都是水平的。

Please have a look here

alt text http://www.digiflipconcepts.com/images/bbdc-menu-anomaly.jpg

2 个答案:

答案 0 :(得分:6)

display: inline应用于ul.menu li

答案 1 :(得分:0)

我的第一个猜测是你的li元素的填充或边距。看看这是否有帮助:

li {
  padding: 0;
  margin: 0;
}

(说得太快,看起来你确实在那里)

乍看之下,看起来你正在设置以下内容:

ul.menu li a {
  display: block
  padding: 11px 0 0;
}

看看删除11px填充是否有帮助