Questions How to implement horizontal scroll bar as tabs grow

I need to implement navigation tabs. As tabs grow beyond the limit, i need to provide a horizontal scroll bar.

My reference code:

I have implemented the same in the above url. But i need a horizontal scroll bar when the tabs grow more than the width. Presently it is coming below in a separate row.

Please help.

1 Answers :
rifa_at_so answered

You have to use a fixed width and the set the css property overflow horizontal scrolling.

.nav {
    overflow-x: scroll;
    width: 1500px;
user5308950 replied
but after 1500 will not work;