Question

CSS+div导航栏居中，请问怎么改css才能让导航栏文字始终居中显示

代码
===================================
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">企业</a>
<ul>
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
</ul>
<li><a href="#">商城</a></li>
<li><a href="#">商务服务</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">人才发展</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
----------
CSS
======================
body {margin:0px;text-align:center; font-family: Verdana; font-size: 14px; line-height: 1.5;}
a {color: #FFFFFF; text-decoration: none;}
a:hover { color: #20ad9d; }
#header {float: left;display: inline;padding: 0;margin:0;height:119px;overflow: visible;}
#menu { height: 28px; background: #20ad9d repeat-x; width: 1800px; margin: auto; }
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu ul li {float: left;background: #20ad9d;color: #FFF;}
#menu ul li a { display:block; width:87px; height:28px; line-height:28px; text-align:center; background:#20ad9d 0 0 no-repeat; font-size:14px;}
#menu ul li a:hover { background:#FFF 0 0 no-repeat;font-color:#20ad9d}
#menu ul li ul { border:1px solid #ccc; display:none; position:absolute;}
#menu ul li ul li {float:none; width:87px; background:#20ad9d; margin:0;}
#menu ul li ul li a { background:#20ad9d;}
#menu ul li ul li a:hover { color: #20AD9D; background-color: #FFF; }
#menu ul li:hover ul { display:block;}
#menu ul li.sfhover ul { display:block;}
========================================================

Answer 1

div设置内边距，比如padding-left:20px;，然后div的width: 1800px; 就要减去20px。自己试试多少合适，用左内边距把ul往左边挤。

或者直接ul或li相对定位，然后left:20px;，这个不用1800-20，但是你li下面还有ul和li，会影响到li，为了不影响第二层的li，你还得给第一层的li加id，还不如第一个方法。

Answer 2

不知道是不是我眼拙，我看了半天没看到ID选择器#head（最外层的DIV）的宽度是多少
加上试试，宽度不合适可以自己改
#head{width:990px;}