我的dropkick插件的下拉看起来很奇怪

Question

我的dropkick看起来很奇怪 - http://i.imgur.com/0itAA.png

容器比下拉列表更大。

我的HTML：

 <div class="text_over_field">   
    <b>Your language preferences</b>
    <b>This is language you would like Print-it-Green service to be displayed in</b>
  </div>
<div class="field">
    <div class="dk_container dk_theme_default" id="dk_container_color" tabindex="7"  style="display: block; ">
        <a class="dk_toggle" style="width: 149px; ">
            <span class="dk_label">English</span></a>
        <div class="dk_options" style="top: 29px; ">
            <ul class="dk_options_inner">
                <li class="dk_option_current"><a data-dk-dropdown-value="">English</a></li>
                <li class=""><a data-dk-dropdown-value="#E15A01">Israeli</a></li>
                <li class=""><a data-dk-dropdown-value="#604A42">Ukrainian</a></li>
            </ul>
        </div>
    </div>
</div>
 <div class="submit" >
</div>

Check the CSS markup

Check the HTML markup

全部包含在form_for_new类中。 而且，它崩溃了我的形式。

你能说些什么呢？