javascript - iScroll div を中央に配置する方法

Question

div 属性で iScroll を使用しています。Chrome 要素に HTML コードがあります。

<div id="content">
        <div class="article" id="contentWrapper" style="overflow: hidden;">
            <div id="contentScroller" style="height: 610px; 
                 -webkit-transition: -webkit-transform 0ms; 
                  transition: -webkit-transform 0ms; 
                 -webkit-transform-origin: 0px 0px; 
                 -webkit-transform: translate(0px, 0px) translateZ(0px);">
                <ul id="thelist">
                                         <li class="item">XXX</li>
                                         <li class="item">XXX</li>
                                         <li class="item">XXX</li>
                                         <li class="item">XXX</li>
                                         <li class="item">XXX</li>
                </ul>
            </div>
        </div>
    </div>

contentScrollerを中央揃えにしたい

contentScroller に "margin:0 auto" スタイルを追加すると機能しません

記事の幅は 1366、contentScroller は 948 です。

では、contentScroller を中央に配置する方法は?