如果不用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;
