javascript - jQuery ui selectmenu 垂直位置オフセット (この行のボタンに相対的)

Question

私のフォームでは、ボタン、選択ボックス、チェックボックスなどのコントロール要素を一列に配置します。論理的に正しいように見えます。しかし、jQuery UI を使い始めてから、選択ボックスの縦方向がおかしいのがわかりました。これは jquery-ui サイトの例です。少し短縮されています: https://jsfiddle.net/Tertium/z829pay7

  $(function() {
    $( "#speed" ).selectmenu( { width: 200});
    $( "#files" ).selectmenu({ width: 200});
    $( "#but1" ).button();
    $( "#but2" ).button();

    });

jquery 1.11.2 および 1.10.2、jquery-ui: 1.11.3、デフォルトですべての設定/css でテスト済み。どうすればそれらを一列に並べて表示したり、少なくとも真ん中に配置したりすることができますか? パン、マージン、div、テーブルを試しましたが、まったく効果がありません。

念のため、スクリーンショットを以下に示します。