css - dropkick プラグインのドロップダウンが奇妙に見える

Question

私のドロップキックは奇妙に見える - 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>

CSSマークアップを確認する

HTMLマークアップを確認する

すべてが form_for_new クラスにラップされています。また、フォームがクラッシュしました。

あなたはそれについて何を言うことができますか?