List(li) bullets does not align consistently across browsers

Question

Here's the fiddle (http://jsfiddle.net/PZgn8/8/). Note that it looks different rendered in Chrome 27 and Firefox 21. I think it's a bug with Firefox, but Firefox gives me the outcome I want.

<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>

Basically, for the child ul within the li, I need its list discs to be at the center too, not the side.

Answer 1

Provide list-style-position:inside to make it appear uniform across browsers, so that the bullet also gets the text-align: center; property.

li
{
    list-style-position:inside;
}

Demo