我的dropkick jquery列表看起来不正确

Question

我已经问过这个，但找不到我的问题的原因（My dropkick plugin's dropdown looking strange）

出于某种原因，它看起来像这样 - ＆gt;

我无法理解，但我的代码在jsfiddle中正常工作 - ＆gt; http://jsfiddle.net/UL4Tu/5/

这是我的html：

         <select name="fashion" class="default" tabindex="2">
     <a class="dk_toggle" style="width: 245px; ">
          <option value="Fashion">Fashion</option>
          <option value="Health">Health</option>
          <option value="Travel">Travel</option>
          <option value="Food">Food</option>
          <option value="Coupons">Coupons</option>
        </select>

我的js：

       $('.default').dropkick();

我的application.css文件：https://dl.dropbox.com/u/86122402/files/application.css

Answer 1

嘿，现在的问题是，我认为你不使用 css重置请使用此

更多信息 http://meyerweb.com/eric/tools/css/reset/

习惯了这个

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;}