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

Question

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

Please have a look here

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

Answer 1

将display: inline应用于ul.menu li。

Answer 2

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

li {
  padding: 0;
  margin: 0;
}

（说得太快，看起来你确实在那里）

乍看之下，看起来你正在设置以下内容：

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

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