JQuery UI Selectmenu in JQuery UI Dialog

There is an issue here; There shouldn't be that much more manipulations to the to make this work correctly. I think it should work with out having to make alterations to the JQuery code or the JQuery CSS

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css">
<script src="http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/ui.selectmenu.js"></script>
<link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/ui.selectmenu.css">
<div id='ThisDialog'>
    <select name="speedA" id="speedA">
        
        <option value="Slower" class="whoo">Slower</option>
        
        <option value="Slow">Slow</option>
        
        <option value="Med" selected="selected">Med</option>
        
        <option value="Fast">Fast</option>
        
        <option value="Faster">Faster</option>
        
    </select>
</div>

JavaScript

var $Dialog_div;

$Dialog_div = $('#ThisDialog').dialog({
    autoOpen: true,
    draggable: true,
    resizable: true,
    title: 'Selectmenu in Dialog',
    modal: true,
    stack: true,
    height: ($(window).height() * 0.95),
    width: ($(window).width() * 0.9),

    buttons: {

        'OK': function() {
            $Dialog_div.dialog('close');
        }

    }

});

// If this line exist then we have issues...
$('select#speedA').selectmenu();