css - Firefox 渲染错误，但达到了预期的效果

Question

这是代码 ( http://jsfiddle.net/PZgn8/8/ )。

<ul style="text-align: center;">
    <li>
        <a href="#">One</a>
    </li>
    <li>
        <a href="#">Two</a>
        <ul>
            <li>
                <a href="#">Two's child</a>
            </li>
        </ul>
    </li>
</ul>

我猜 Firefox 21 渲染错误，因为 iOS Safari(也是最新版本)像 Chrome(桌面版，最新版本)以及 Chrome for iOS(最新版本)一样渲染它。

但我希望它看起来像在 Firefox 21 上那样。我怎样才能达到这种效果？

Answer 1

Safari 和 Chrome 使用相同的渲染引擎，即 Webkit。这就是为什么它们显示相同的结果。 Firefox 使用 Gecko。

你应该使用 css reset获得相同效果的代码。

顺便说一句，下面的代码也应该提供与 Chrome 上的 Firefox 几乎相同的效果:

<ul style="margin:0 auto; width:100px">