div居中

今天无聊弄了下CSS。想让一个div居中。怎么也实现不了，去网上找了下资料也没搞定(也许是我自己没明白)。最后问了下同事才搞定！下面是我的代码

div { width:670px; margin:0px auto; } #nav li { float:left; } #nav li a { color:#000000; text-decoration:none; padding-top:4px; display:block; width:100px; height:22px; text-align:center; background-color:#ececec; margin-left:2px; } #nav li a:hover { background-color:#bbbbbb; color:#FFFFFF; } #nav li { list-style-type:none; }

 

起作用的代码就是

div
{
width:670px;
margin:0px auto; 
}

必须设置div的宽度及margin！