Kendo menu wrong position items first time

Question

I am getting problems with one of the kendo controls - Menu.
The problems is that when I open the Sub Menu with C items it's container goes on wrong position. It happens to all elements, but only first time when they are expanded.

Demo http://dojo.telerik.com/UhaKI

To recreate the issue I just added empty div element with big height.
Open the link and scroll down to the bottom, open and expand 2008 item. How to fix that?

Answer 1

Let's try the suggestion from here: http://www.telerik.com/forums/multi-column-menu.

.k-menu .year-item {
    width: 120px;
}
.k-menu .year-item .k-item {
    float: left;
    width: 50px;
}

http://dojo.telerik.com/@Stephen/EvAPI

Answer 2

Look this solution

ul#menu {
    background-color: green;  color: white;
  }
  li.year-item  div.k-animation-container {
    width: 120px !important;
    top: 0 !important;
    height: auto !important;
  }

  li.year-item >  div.k-animation-container ul li.k-item {
    width: 50%;

}
  .k-menu .k-menu-group>.k-item {
    position: static;
  }

  li.year-item >  div.k-animation-container ul {
    display: flex !important;
    flex-wrap: wrap;
  }

  #big{ 
    height: 1300px;
  }

Live - http://dojo.telerik.com/ExAqo