水平列表项不在行中

Question

有谁可以告诉我为什么我的3个列表项与第一个列表项不对齐？

纵向差异似乎因浏览器而异。

完整代码和css：http://tinkerbin.com/sPPwMctY

Answer 1

为第二个和第三个margin-top: 0;框旁边的单选按钮指定select。

选中演示：http://tinkerbin.com/3Kgy5SjV

Answer 2

通过在css中进行一些更改，它现在是跨浏览器。

SEE DEMO

增加/更新以下：

.select_style {
    height:23px;
    line-height:23px;
}

.junior_rank #one  {
    position:relative;
    width:753px;
    left: 118px;
        /*Removed top property*/    
}

#groupranking_label {
    position: relative;
    left: 23px;
    width: 100px;
    top: 17px; /*updated*/
}