導航欄中<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:"微軟雅黑";
}
