如何在每个分辨率上将内容集中在jCarousel滑块内

Question

我正在使用jCarousel来实现水平幻灯片导航网站。这是我的页面结构。

<div id="content" class="main">
        <div class="jcarousel">
            <ul>
                <li id="area-1">(CONTENTE HERE)</li>
                <li id="area-2">(CONTENTE HERE)</li>
                <li id="area-3">(CONTENTE HERE)</li>
            </ul>
        </div>
</div>

我无法将页面上每个区域的内容水平居中。如果区域的宽度与屏幕分辨率相同似乎有效，但我无法使用固定宽度，因为我需要它以任何分辨率为中心。这是我现在拥有的CSS：

.jcarousel {
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    width: 1349px;
}

仅当分辨率为1366 * 768 PX时才有效。