为什么我的导航列表整体右移了呢??
css代码如下:
@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
font-size:12px;
}
body{
background-color: #F5F5F5;
}
.top{
width:100%;
height:27px;
background:url("../images/top_bg.jpg")repeat-x;
}
.top_content{
width:1000px;
margin:0 auto;
}
.top_content li{
list-style-image: url("../images/li_bg.gif");
float:right;
width:70px;
line-height: 27px;
}
.top_content a:link,.top_content a:visited{
color:#8E8E8E;
text-decoration: none;
}
.top_content a:hover,.top_content a:active{
color:crimson;
text-decoration: none;
}
.wap{
width: 1000px;
margin: 0 auto;
}
.logo{
height: 80px;
background-color: #FFFFFF;
clear: both;
}
.logo_left{
width: 200px;
float: left;
}
.logo_right{
width:300px;
float: right;
height: 28px;
margin-top: 30px;
color:#A4A4A4;
}
.logo_right img{
vertical-align:middle;
margin-right:10px;
}
.tel{
font-family:"微软雅黑";
font-size: 16px;
color: #F31013;
}
.nav{
height: 40px;
}
.nav_left{
width:10px;
background: url("../images/nav_left.jpg")no-repeat;
}
.nav_mid{
width: 980px;
background:url("../images/nav_bg.jpg")repeat-x;
}
.nav_right{
width:10px;
background: url("../images/nav_right.jpg")no-repeat;
}
.nav_left,.nav_mid,.nav_right{
float: left;
height:40px;
}