DropDownList non correctement importé dans Jquery UI Accordion

Question

La largeur de ma liste déroulante est inférieure à celle du texte le plus long de SelectList. Lorsque je clique sur la liste déroulante, il se redimensionne pour s'adapter correctement. Si je supprime le .accordion de la div, les listes déroulantes toutes les tailles correctement lorsque la page se charge. Comment puis-je le faire correctement? C'est comme ça que je mets l'accordéon.

  $("#acc").accordion({ 
       autoHeight: false, 
       navigation: true 
      }); 

Un de mes listes déroulantes:

<%= Html.LabelFor(x => x.Contract.contract_type) %> 
<%= Html.DropDownListFor(x => x.Contract.contract_type, new SelectList(Model.Lookups.nfoContractTypes, "id", "contract_type", Model.Contract.contract_type), new { @class = "edittext" })%> 

Dans mon Css:

fieldset .edittext 
{ 
    float:right; 
} 

Sans accordéon:

accordéon:

Après avoir cliqué sur:

EDIT de découvrir, il est correctement dimensionné dans Firefox, mais pas dans IE8.

Answer 1

Correction de ce problème en commentant la css personnalisée pour le widget ui afin qu'il utilise mon fichier css.

/* Component containers 
----------------------------------*/ 
/* .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1em; } 
.ui-widget .ui-widget { font-size: 1em; } 
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: .8em } */