DropDownList在Jquery UI中沒有正確自動合成手風琴

Question

我的下拉列表寬度小於SelectList中最長的文本。當我點擊下拉菜單時，它將調整大小以適合正確。如果我從div中刪除.accordion，則在頁面加載時，所有大小的下拉列表均正確。我怎樣才能使它的大小適當？這是我設置手風琴的方式。

  $("#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; 
} 

沒有手風琴：

手風琴：

點擊後：

編輯 剛剛發現，它是正確的大小在Firefox，但不是在IE8。

Answer 1

通過註釋掉ui-widget的自定義css來解決這個問題，以便它可以使用我的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 } */