导航栏居中html,我的导航栏不居中显示

还是不行

.nav{

clear:both;

height:40px;

margin:0 auto;

}

.nav_left{

width:10px;

background:url(../images/images/nav_left.jpg) no-repeat;

float:left;

height:40px;

}

.nav_mid{

width:980px;

background:url(../images/images/nav_bg.jpg) repeat-x;

float:left;

}

.nav_right{

width:10px;

background:url(../images/images/nav_right.jpg) no-repeat;

float:left;

height:40px;

}

.nav_mid_left,.nav_mid_right{

float:left;

display:inline;

}

.nav_mid_left{

width:680px;

}

.nav_mid_right{

width:300px;

}

.nav_mid_left li{

float:left;

list-style-type:none;

width:100px;

text-align:center;

line-height:40px;

}

.nav_mid a;link,.nav_mid a:visited{

font-size:16px;

color:#FFF;

text-decoration:none;

}

.nav_mid a;hover,.nav_mid a:active{

font-size:16px;

color:#FF0;

text-decoration:none;

}