Select not showing options in ui.dialog (Firefox)

Select not showing options in ui.dialog (Firefox)

I'm having trouble with a select element in Firefox (3.6.x, Windows and Linux).  I had this problem before and stumbled on a workaround, but I don't remember what it was (perhaps something to do with float).

The select contained in the dialog below, when clicked, does not show its option list (the "dropdown" part).  It does get focused, and the options can be navigated with arrow keys.  I need help finding out what's preventing the expected behavior.

  1. var showSkillSelectDialog = function(){
  2.     // first, prevent duplicates
  3.     $('#skillselectdialogwrap').dialog('destroy');
  4.     $('#skillselectdialogwrap').remove();
  5.     var dialogSettings = {
  6.         buttons: {
  7.             "Continue": function() {
  8.                 $(this).dialog("close");
  9.                 $('#skillselectdialogwrap').dialog('destroy');
  10.                 $('#skillselectdialogwrap').remove();
  11.             },
  12.             "Cancel": function() {
  13.                 $(this).dialog("close");
  14.                 $('#skillselectdialogwrap').dialog('destroy');
  15.                 $('#skillselectdialogwrap').remove();
  16.             }
  17.         },
  18.         title: 'Select Skill',
  19.         resizable: false,
  20.         width: 430,
  21.         height: 'auto',
  22.         modal: true,
  23.         position: 'center center',
  24.         draggable: true,
  25.         dialogClass: 'infogrid'
  26.     };
  27.     var s = '<div id="skillselectdialogwrap">' +
  28.         '<form id="skillselectdialogcore" action="post" onsubmit="return false;" style="margin: 2px 12px; clear: both;">' +
  29.         '<div class="inputpair">' +
  30.             '<label for="skillselectnew" class="leading norm">Select skill</label>' +
  31.             '<select id="skillselectnew" style="float: none;">' +
  32.                 '<option value="new">new</option>' +
  33.                 '<option value="new2">new2</option>' +
  34.                 '<option value="new3">new3</option>' +
  35.             '</select>' +
  36.         '</div>';
  37.     s +='</form></div>';
  38.     $('body').append(s);
  39.     $('#skillselectdialogwrap').dialog(dialogSettings);
  40. };