jQuery ui selectmenu vertical position offset (relatively to buttons in this line)

jQuery ui selectmenu vertical position offset (relatively to buttons in this line)

In my form I place control elements in a line: button, select box, checkbox. It looks logically right. But since I've started using jQuery UI I see strange vertical of select box.
Here's the example from jquery-ui site, a little bit shortened: https://jsfiddle.net/Tertium/z829pay7

  1.       $(function() {
  2.         $( "#speed" ).selectmenu( { width: 200});
  3.         $( "#files" ).selectmenu({ width: 200});
  4.         $( "#but1" ).button();
  5.         $( "#but2" ).button();
  6.     
  7.      });

Tested on jquery 1.11.2 and 1.10.2, jquery-ui: 1.11.3, all settings/css by default.
How I can show them in line or at least valigned by middle? Tried panning, margin, div, table - no effect at all.  

And screenshot just in case: