Html 中心UL表内分区

我不能用固定的宽度将UL块居中放置在div中。我的CSS是这样的：

.container {
    width: 960px;
    max-width: 1260px;
    min-width: 780px;
    height: 100%;
    background-color: #000;
    display: table;margin: 0 auto;
}
.content {
    display:table-cell;
    list-style: none;
    color: #CCC;
    text-align: center;
    vertical-align: middle;
}
.content li {
    float: left;
    width: 33%;
    height: 400px;
    background-color: #006;
    border: 1px solid blue;
}

---

UL有点太右边了

你也可以发布html标记吗？我觉得它是居中的：既然你已经有了一个固定的

960px

宽度，为什么还要设置

min width

和

max width

？但是发布你的html，或者更好的是，使用我现有的JSFIDLE^^，并修改它