html - 横並びのリスト項目が一列に並んでいない

Question

3 つのリスト項目が最初のリスト項目と整列していない理由を誰か教えてもらえますか?

垂直方向の不一致は、ブラウザーによって異なるようです。

完全なコードと CSS はこちら: http://tinkerbin.com/sPPwMctY

Answer 1

2 番目と 3 番目のボックスmargin-top: 0;の横にあるラジオ ボタンを指定します。select

このデモをチェックしてください: http://tinkerbin.com/3Kgy5SjV

Answer 2

CSS にいくつかの変更を加えることで、クロスブラウザーになりました。

デモを見る

以下の追加/更新:

.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*/
}