CSS:如何删除 Firefox 中显示的列表项的缩进

Question

我对此感到困惑。列表项的第一行在 Firefox 中有一些缩进，但在其他浏览器中没有。这是 jsfiddle 演示:

http://jsfiddle.net/mddc/Lekdkj4o/

这是 HTML:

<ul style="width:200px">
<li>blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, </li>
</ul>

这是CSS(从元素中提取的)

ul {
    border: 0 none;
    margin: 0;
    padding: 0;
}
ul {
    list-style: none outside none;
}

ul {
    border: 0 none;
    margin: 0;
    padding: 0;
}

ul {
    left: -30px;
    position: relative;
}
li {
    list-style: none inside none;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

ul {
    font-size: 0.95em;
    list-style: disc outside none;
    padding-left: 4.2em;
}

ul {
    margin-bottom: 1em;
}

ul {
    padding-left: 2.8em;
}

如何删除 Firefox 中显示的缩进？

感谢和问候。

Answer 1

将 li 上的样式更改为:

list-style: none outside none;

jsFiddle:http://jsfiddle.net/Lekdkj4o/1/