How to Create A Horizontal ScrollBar in Tab Container (Not Vertical Scrollbar)

See more:

C#

ASP.NET

Javascript

tabs

Hi Members,

I would like to create a horizontal scrollbar for Ajax Tab Container when tabs overflow. I can create a vertical scrollbar for it but I want horizontal scrollbar instead.

Current Output: (See here: http://i.stack.imgur.com/I4D2r.png[^])

Plan to Achieve: (See here: http://i.stack.imgur.com/bUnK4.png[^])

This is my codes:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
   <script>
       $(function () {

           $(".ajax__tab_header").html("<div style='height:80px;width:1200px;' >" + $(".ajax__tab_header").html() + "</div>");

       })
   </script>
   <style>
       .ajax__tab_header {
           height: 40px !important;
           width: 200px;
           overflow: scroll;
           overflow-y: hidden;
       }
   </style>

Question: How to create a horizontal scrollbar, not vertical scrollbar when tabs overflow.
Appreciate if someone can help me on this, thanks a lot!!

Regards,
Felicia