DropDownList在Jquery UI Accordion中未正确自动调整大小

我的下拉列表宽度小于选择列表中最长的文本。单击下拉列表时，它会调整大小以适合。如果我从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" })%>

没有手风琴：

手风琴：

点击后：

编辑

---

刚刚发现，它在Firefox中大小合适，但在IE8中没有。

通过注释ui小部件的自定义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 } */

/* 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 } */