Problem in displaying scrollbar with Dropdown menu

I am trying to make a menu with many items, sub items. I want to display scroll bar along with the items if they are increased. I want to do same with sub men开发者_开发百科us and so on.

Here is the example about what i am doing.

The problem is, It is displaying horizontal scroll bar, if sub menu again have some items as child. I want to show only vertical scroll bar. and want to pop out sub menues.

Link of css i am using.

You can specify separate horizontal and vertical overflow behaviors:

overflow-x: hidden;
overflow-y: scroll;

Your CSS reference material should have told you that. This will of course make a complete mess of any submenus that try to pop out along the x-axis.

Scrollbars in a menu will also make your users hate you and possibly win you a place in the User Interface Hall of Shame or a post on http://thedailywtf.com/. If you're thinking about doing something like this in the real world, don't do it. Think of a less irritating way to organize your navigation.