Html firefox上的幻影图像/li页边距

我目前在li元素上获得4倍的边距，图像（图像高亮显示）如下：

但这只出现在Fire fox中，在chrome中没有边际。但是我在CSS中已经把所有的东西都归零了：

*{
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: baseline;
    font-family: 'Open Sans', sans-serif;
}

/* ------------- HEADER -------------- */

header{ 
    -webkit-box-shadow: 0 0 140px 0 #B0B0B0;
    box-shadow: 0 0 140px 0 #B0B0B0;
    position: relative;
}

header ul{
    text-indent:0;
}

header li{
    display: inline-block;
    width: 150px;
    color: white;
    text-align: center;
}

header li:first-child{
    width: 300px;
    color: black;
}

li.notices{ 
    background: #d80404; /* Old browsers */
    background: -moz-linear-gradient(top, #d80404 0%, #c90a0a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d80404), color-stop(100%,#c90a0a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d80404 0%,#c90a0a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d80404 0%,#c90a0a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d80404 0%,#c90a0a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d80404 0%,#c90a0a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d80404', endColorstr='#c90a0a',GradientType=0 ); /* IE6-9 */
}

这可能是什么原因造成的

HTML:

---

（下拉时需要）

内联块

元素在大多数浏览器中具有间距效应

看

相关信息：

这里有一个交易：一系列像您通常格式化HTML一样格式化的内联块元素之间将有空格

解决方案1：删除空格

<ul>
  <li>one</li
  ><li>two</li
  ><li>three</li>
</ul>

---

另一种解决方案是

字体大小：0

：

body { font-size: 14px; }
ul { font-size: 0; }
li { font-size: 14px; }

例如：

---

缺点是重复字体大小，我认为这是很重要的。您可能不知道每个

LI

的确切字体大小，因此可能指定了很多情况

font size:inherit

不幸地使用了

0

查看HTML会有所帮助。与jsFiddle.net示例一样，只有块元素没有隐式边距。试试看。这把小提琴没问题：（使用相同的图像N次，背景适用于所有项目）。Fx 29和最近的ChromeThats不是这样，我已经停止了这项工作，让li一直打开到下一行。它不是

4px

。它是

.25em

。但并非总是如此。每个浏览器都有一个不同的系统。我已经把相关信息放在了为什么会发生这种情况，以及两种不同的解决方法上。我已经更新了帖子，让HTML显示我是如何拥有它的，所以它已经停止了间距。不，我在帖子之前就已经有了，这个间距在Li元素中。

li {
    display: inline-block;
    margin-right: -4px;
}

body { font-size: 14px; }
ul { font-size: 0; }
li { font-size: 14px; }