导航栏中<ul>部分的文字显示的不在一块
请问是哪里出问题了？
<!--logo和导航-->
<div class="wrap">
<div class="logo">
<div class="logo-left">
<img src="images/logo1.jpg" width="230" height="80" alt="新官网" />
</div>
<div class="logo-right">
24小时服务热线:<span class="tel">123-456-7890</span>
</div>
</div>
<div class="nav">
<div class="nav_left"></div>
<div class="nav_mid">
<div class="nav_mid_left">
<ul>
<li><a href="#">首页</a></li>
<li><a href="AboutUS.htm">关于我们</a></li>
<li><a href="NewsCenter.htm">新闻中心</a></li>
<li><a href="ProductCenter.htm">产品中心</a></li>
<li><a href="JoinUS.htm">加入我们</a></li>
<li><a href="ContactUS.htm">联系我们</a></li>
</ul>
</div>
<div class="nav_mid_right">
<form action="" method="post">
<input type="text"/>
</form>
</div>
</div>
<div class="nav_right"></div>
</div>
</div>
----------------------------------------------------------------------------------------
--------------CCS------------------------------------------------------------
@charset "utf-8"
/*css document*/
*{
margin:0;
padding:0;
font-size:12px;
}
body{
background-color:#F5F5F5;
}
.top{
width:100%;
height:20px;
background-color:#F5F5F5;
}
.top_content li{
list-style-image:url(../images/li_bg.gif);/*设置背景图片*/
float:right;
width:100px;
line-height:10px;
}
/*-------------------------------------------------------*/
.wrap{
width:1440px;
margin:0 auto;
height:120px;
}
.logo{
height:80px;
background-color:white;
}
.logo-left{
height:80px;
width:200px;
float:left;
margin-left:100px;
}
.logo-right{
height:80px;
float:right;
margin-right:100px;
margin-left:1040px;
margin-top:-40px;
}
.tel{
color:red;
font-size:20px;
}
/*-----------------------------------*/
.nav{
height:40px;
background-color:#E0E0E0;
}
.nav-left,.nav-right{
width:20px;
height:40px;
float:left;
}
.nav-mid{
width:1400px;
float:left;
height:40px;
}
.nav-mid-left{
width:1000px;
float:left;
height:40px;
}
.nav_mid_right{
width:400px;
float:left;
height:40px;
}
.nav_mid_left li{
float:left;
list-style-type:none;
width:100px;
text-align:center;
line-height:40px;
}
.nav_mid_left a:link,.nav_mid_left a:visited{
text-decoration:none;
color:#F11;
font-size:16px;
font-family:"微软雅黑";
}
.nav_mid_left a:hover,.nav_mid_left a:active{
text-decoration:none;
color:#FF0;
font-size:16px;
font-family:"微软雅黑";
}
