DropDownList не авторизован правильно в JQuery UI Accordion

Question

Моя ширина раскрывающегося списка меньше, чем самый длинный текст в SelectList. Когда я нажимаю раскрывающийся список, он изменяет размер, чтобы он соответствовал должным образом. Если я удаляю .accordion из div, выпадающие все размеры будут правильно при загрузке страницы. Как я могу получить его правильно? Так я установил аккордеон.

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

Один из моих выпадающие:

<%= 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" })%> 

В моей .css:

fieldset .edittext 
{ 
    float:right; 
} 

Без аккордеона:

С гармошкой:

После нажатия:

EDIT Просто обнаружил, он правильно подобранного в Firefox, но не в IE8.

Answer 1

Исправлено это, комментируя пользовательский css для ui-widget, чтобы он использовал мой файл 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 } */