如果不用css控制的话，div会显得很大，那么该如何用css控制在页面显示的大小，以及相对页面的位置？？？？
<div class=tree>
</div>
.tree{
font-family: MS UI Gothic;
font-size: 12px;
color: #000000;
border:solid 1px #6699FF;
width:165px;
height:420px;
overflow-x:scroll;
overflow-y:auto;
position:relative;
left:10px;
top:100px;
}
这个css的效果还是不行，整个层都靠右显示了，我是想让整个层居中显示，下面是我的代码，你能帮我改一下不？？？
HTML code:
<html>
<head>
<title></title>
<style type="text/css">
.tree{
font-family: MS UI Gothic;
font-size: 12px;
color: #000000;
我有空没有事做研究一下CSS+DIV,现做一条导航条，遇到一个问题，它大家帮忙解决一下：
以下代码可以实现居中，但有一个问题就是，如果我加多一个栏目比如加多一个HTML code:
<li><a href="" ......
