我这个li中的文字为什么在chrome下无法垂直居中？_html/css_WEB-ITnose

在IE中可以正常垂直居中，在chrome就是不行

CSS部分：
#logo {
height:180px;
background-image: url(logo.gif);
float:none;
/*position: relative;*/
padding:0px;
margin:0px auto;
/*margin-bottom:0px;*/
/*background-color: #369;*/
}
.header .nav-bar{
height: 33px;
background-color: #F90;
overflow:hidden;
}

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

}

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

.header .nav-site li a{
display: block;
height: 38px;
width: 100px;
line-height: 33px;
color: #fff;
font-size: 1.2em;
font-weight: bold;
text-align: center;
text-decoration: none;
}


HTML部分：