你首先要跟导航栏定义一个固定的宽度，一般为了支持1024*768，宽度是760-980之间为好。然后再加一句居中的代码就可以了。具体如：
#nav {
width:800px
margin:0 auto
height:26px
border-bottom:2px solid #2788da
background-color:red
}
2、把每个a之间的距离缩短
修改【#nav li a】里面【margin-left:45px】把45改成10或者更小即可
还有疑问请补充
navbg 是绝对定位而且宽度是960 不是100%，那就是无法通过margin 0 auto居中
.navbg{position:absoluteleft:50%margin-left:-480px/*这句是重点 居中*/
height:40px
width: 960px
background: #08A5E0
box-shadow: 1px 1px 7px #999
z-index:99
top: 108px
}
二种方法1、父级div设置固定宽度后加margin:0 auto然后子级div加浮动，即可实现；不过次方法不能无限伸展；
2、在table内插入div，div设置浮动，在table上设置margin:0 auto而table不要设置宽度，因为table默认是宽度最小化的，实现居中的效果会比较好，而且可以无限伸展
注：有些老是说table不好，除非是做表格，其他地方绝对不要用，其实我个人是比较喜欢用table布局的，不过重点布局还是div+css，在一些容易出错的或者必须的地方用table也是不错的选择，人人都说div+css布局，我呢可以说是div+table+css布局
