Chrome で li のテキストを垂直方向の中央揃えにできないのはなぜですか? _html/css_WEB-ITnose

IE では通常の垂直居中で可能ですが、chrome では実行できません

CSS 部分：
#logo {
height:180px;
背景画像: url(logo.gif);
フロート: なし;
/*位置: 相対;*/
パディング:0px;
マージン:0px 自動;
/*margin-bottom:0px;*/
/*background-color: #369;*/
}
.header .nav-bar{
height: 33px;
背景色: #F90;
オーバーフロー:非表示;
}

.header .nav-site{
height:38px;

}

.header .nav-site li{
float:left;
}

.header .nav-site li a{
display: block; 
高さ: 38ピクセル; 
幅: 100ピクセル; 
行の高さ: 33px;
色: #fff; 
フォントサイズ: 1.2em; 
フォントの太さ: 太字; 
text-align: 中央; 
テキスト装飾: なし。 
}


HTML部分：