Html 对IE bug-CSS有异议

我借用了Css Globe的easy slider，但我修改了它，将其放在页面上

 /* numeric controls */ 



ol#controls{
  margin:0.2em 1em;
  padding:0;
  height:16px;
  float:right;
  font-size:x-small;
  font-family: Arial, Verdana, Default;
  font-weight:normal;
 }

 ol#controls li{

  padding:0;
  float:left;
  list-style:none;
  height:16px;
  width:20px;
  background:yellow;
  margin:10px;
 }

 ol#controls li a{
  height:16px;
  line-height:18px;
  border:1px solid #ccc;
  background:#FFFFFF;
  color:#555;
  padding:0 5px;
  text-decoration:none;
  float:right;
 }

 ol#controls li.current a{
  background:#736357;
  color:#fff;
 }
 ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

我想不出来——IE7/8幻灯片navi（1,2,3,4）在应该紧密排列的时候被广泛传播。看看他们广泛传播的例子。

你知道为什么它的行为很奇怪吗？谢谢大家!

在IE8中进行测试

你有这个：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

ol#controls li{
    margin:10px 100px 0 0; 
    padding:0;
    float:left;
    list-style:none;
    height:16px;
    line-height:18px; 
}

如果删除

边距

行，则数字将再次靠近，而不是

100px

分开

看起来您必须（在同一个文件中，因此仅适用于IE7）向

添加一个宽度，如下所示：

ol#controls{
    ..
    width: 100px
}

---

您能否提供示例链接以正确理解IE中的问题边缘和填充CSS属性。IE的边距是指定边距的两倍。好吧，我忘记了hpie7.css，我删除了hpie8，因为它只在IE7中模拟。谢谢你@thirtydot。还有一件事，我正在为弹出窗口（时事通讯注册）的z-index而挣扎，它仍然在导航和下拉列表下面。我在谷歌上搜索了一下，发现relative+zindex给IE带来了bug，但我添加了z-index，它们要么在下面，要么在上面。现在它还没有添加到hpie7.css中。我不知道为什么它不起作用。

ol#controls{
    ..
    width: 100px
}