複数行の水平方向のJqueryスクロールバー

Question

2行のスライダが必要ですが、それは可能ですが、それは必要なものではありません。ここでの取引です。

tutorialによれば、複数のdivを水平に並べることができます。

しかし、私は2つの行を必要とする場合、それはこのような項目をソートします：（灰色の領域が見えない）

：

私は必要なものながらはこれです

この問題を解決する正しい方法は何ですか？

<div id="main"> 
<div id="content-slider"></div> 
<div id="content-scroll"> 
    <div id="content-holder"> 
     <div class="content-item" id="item-1">item 1</div> 
     <div class="content-item" id="item-2">item 2</div> 
     <div class="content-item" id="item-3">item 3</div> 
     <div class="content-item" id="item-4">item 4</div> 
     <div class="content-item" id="item-5">item 5</div> 
     <div class="content-item" id="item-6">item 6</div> 
     <div class="content-item" id="item-7">item 7</div> 
     <div class="content-item" id="item-8">item 8</div> 
    </div> 
    </div> 
</div> 
</div> 

それはCSSと遊ぶOKですが、私はHTMLコードで最小の干渉とのソリューションを探しています：

コードのHTMLだけのようなものです。少しCSSを微調整、私は2つの項目からなる列にマークアップを配置しているhttp://jsfiddle.net/GBr6e/

：例のスタイルに密接に協力し

は

Answer 1

、このような何かを試してみてください。

希望すると便利です。