Horizontal scroller

[Ariel]

I have two regions on page, which requires scrolling: one vertical and one horizontal

<div id="prod-desc">

       <label>Description</label>

       <div class="desc" data-role="scroller">@Model.desc</div>

   </div>

    

   <div id="prod-disc-row">

       <ul data-role="scroller">

           <li class="get"> </li>

           <li>1</li>

           <li>2</li>

           <li>3</li>

           <li>4</li>

       </ul>

   </div>

Styles as following:

#prod-desc .desc{ height: 110px;overflow-y: auto;font-size: 12px;margin: 10px 0 0 0;font-weight: normal !important}

 

#prod-disc-row{overflow-x: auto;width: 320px; height: 90px;border-top: 2px solid #6b6b6b;background-color: #fff;position: absolute;left: 0;top:335px}

#prod-disc-row ul{width: 390px}

When only ul tag has data-role="scroller" - it works fine and i can scroll it left-right with touch. But if both of them defined as "scroller" - only vertical scroll on div.desc working.

Any ideas? 

Serge

P.S. scroller on div#prod-disc-row solve the problem.Request cancelled ;-)