第一个列表项的 CSS 文本不合适

Question

我已经尝试了很长时间，但没有得到第一个列表项的文本(它下降了几个像素)。它只是文本。 li-elem 本身很好(当悬停在 li-elem 上时它处于正确的位置)。

http://jsfiddle.net/picbig/9W3Gu/1/

感谢您的帮助!

HTML:

<div id="lang_cnt">
<div id="lang_head_left">Languages</div><span id="lang_head_right">▼</span>
<div id="lang_body_cnt">
    <ul>
        <li>English</li>
        <li>Deutsch</li>
        <li>Italiano</li>
        <li>Français</li>
        <li>Español</li>
        <li>Português</li>
        <li>русский</li>
        <li>日本</li>
        <li>日本人</li>
    </ul>
</div>
</div>

CSS:

#lang_cnt{
    width: 100px;
    height: 22px;
    float: right;
    background: #2b627f;
    border: 1px solid white;
    color: white;
    cursor: pointer;
}
#lang_head_left{
    width: 65px;
    position: relative;
    float: left;
    padding: 2px 5px;
    font-size: 0.8em;    
}
#lang_head_right{
    width: 15px;
    float: right;
    padding: 2px 8px 2px 0;   
}
#lang_body_cnt{
    position: relative;
    top: 32px;
    border: 1px solid white;
}
#lang_body_cnt ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
#lang_body_cnt ul li{
    height: 10px;
    padding: 3px 0 5px 3px;
    color: #2b627f;
    cursor: pointer;
    font-size: 0.8em;
}
#lang_body_cnt li:nth-child(even){
    background: #2b627f;
    color: white;
}
#lang_body_cnt li:hover{
    background: lightgrey;
    color: white;
}

Answer 1

是这样的吗？

#lang_body_cnt{
    position: relative;

    border: 1px solid white;
}
#lang_body_cnt ul{
    list-style-type:none;
    margin:0;
    padding:35px 0 0 0;

}
#lang_body_cnt ul li{
    height: 10px;
    padding: 3px 0 5px 3px;
    color: #2b627f;
    cursor: pointer;
    font-size: 0.8em;
   line-height:10px;
    margin:0;
}

JSfiddle: http://jsfiddle.net/9W3Gu/7/ 编辑:如果您需要点，请删除 list-style-type: none，当然。问题出在默认边距和填充中 - 由浏览器添加，对于 ul 元素，如果您正确设置它(+ 行高)它应该可以正常工作。