这段代码到底哪错了，预览结果两边的背景怎么看不到

.nav{

width:1000px;

margin:0 auto;

height:40px;

}

.nav_left{

float:left;

width:10px;

height:40px;

background-image:url(企业网站实践/素材包/images/nav_left.jpg) no-repeat;

}

.nav_middle{

width:980px;

float:left;

background-image:url(企业网站实践/素材包/images/nav_bg.jpg);

height:40px;

}

.nav_right{

background-image:url(企业网站实践/素材包/images/nav_right.jpg) no-repeat;

float:left;

width:10px;

height:40px;

}

这段代码到底哪错了，怎么预览结果是这样的，两边的背景怎么看不到