关于Ul在DIV不设宽度的情况下如何居中

Question

当做一个导航的时候，用到DIV，可是当DIV的宽度不设置的时候，UL和LI如何居页面中内显示
CSS部分
#nav {
height:35px;
margin-top:5px;
background-color:#336699;
}
#nav ul{
list-style:none;
}
#nav li{
float:left;
width:100px;
line-height:35px;
}
#nav a{
display:block;
text-align:center;
color:#FFF;
font-size:14px;
text-decoration:none;
}
#nav a:hover{
color:#FFF;
background-color:#003366;
font-weight:bold;
}

HTML部分
 <!--导航-->

• 首页
• 简介概况
• 服务项目
• 经典案例
• 商务合作
• 招聘英才
• 联系我们

<!--导航-->
默认它会直接在浏览器的最左边，当DIV不设宽度的时候，如何让UL居页面的中间位置，这样再添加导航的时候，可以往两边撑

Answer 1

 #nav {
height:35px;
margin:5px auto 0;
background-color:#336699;
}