CSS Mozilla中心对齐

Question

我有一个页面，在渲染后应该返回云标签。一切正常。但标签的对齐并不是Mozilla的核心。标签位于chrome和I7的中心位置，但在Mozilla中位于左侧。

我的.html：

{% extends "base.html" %}
{% block title %} Tag Cloud {% endblock %}
{% block head %} Tag Cloud {% endblock %}
{% block content %}
    <div id="tag-cloud">
        {% for tag in tags %}
            <a href="/tag/{{tag.name|urlencode}}/" class="tag-cloud-{{tag.weight}}">{{ tag.name|escape }}</a>
        {% endfor %}
    </div>
{% endblock %}

我的.css：

#nav {
    float:right;
}

input {
    display:block;
}

ul.tags, ul.tags li {
    list-style: none;
    margin: 0;
    padding: 0;
    color: blue;
    display: inline;
}

#tag-cloud {
    text-align:center;
}

#tag-cloud a {
    margin: 0 0.2em;
}

.tag-cloud-0 { font-sie:100; }
.tag-cloud-1 { font-sie:120; }
.tag-cloud-2 { font-sie:140; }
.tag-cloud-3 { font-sie:160; }
.tag-cloud-4 { font-sie:180; }
.tag-cloud-5 { font-sie:200; }