horizontal scrolling

I have a problem with the scroller when I am setting it up as scroll direction horizontal.
I have two articles to scroll through, the first one is not displaying, then it scrolls vertically to next one, and when it suppose to go back to the first, it moves in the frame (again vertically) but immediately disappears.
you can see it here: simplem-test.tk (scroller is on the left-hand side)

when the direction is set to vertical all works fine and also the fade effect is working well.

any idea why it behaves like so and how to fix it?

You have to setup both width and height (on 2 places) in CSS. See the CSS files of our demo site for reference.

thanks for the response.
I do have both of them set. here:
".ajaxscrl .mContainer {
width: 205px;  /* edit this value for your own module width */
height: 124px; /* edit this value for your own module height */
display: block;
overflow: hidden;
position: relative;
}"
and here:
".ajaxscrl .mScroller div {
display: block;
text-align: right;
margin: 0;
width: 205px; /* edit this value for your own module width */
min-height: 124px; /* edit this value for your own module height */"