Don't allow elemets to overflow on y-axis

[dauphin]

I have a div with a fixed height. When I resize my browser window and the div's width becomes smaller, the elements inside the div jump below expanding the height. How can I make the elements visible by adding a horizontal scrollbar?I have tried all CSS scroll properties, but could't make it work:\[code\].dhButtonToolbar{ position:absolute; top:6px; left:0; bottom: 5px; width: 60px; background-color:yellow; border:0px solid white; margin-left: 5px; margin-right:5px; margin-top: 5px;}@media screen and (max-aspect-ratio: 1/1) { .dhButtonToolbar { height: 55px; left:5px; overflow-y:auto; //here my elements jump below I want to add a horizontall scrollbar right: 5px; }\[/code\]JSFidlee: http://jsfiddle.net/x7xm3/2/Try resizing and elements will fall below!