页面位置设置应该用margin，还有algin这个属性也可以让页面left，center，right这三个位置，不过这个属性在body里面没有，而在div标签里面就有这个属性，如果非要设置页面居左的话你就在body的根下面添加个
<body>
<div align=left>
(这里就加上原来body里面的内容吧)
</div>
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
margin: 0px
padding: 0px
}
#menu {
margin: 0 auto
}
#nav {
height: 20px
}
#nav li {
list-style-type: none
float: left
}
#nav li a {
font-size: 14px
background-color: #00CCFF
display: block
text-align: center
height: 20px
width: 50px
padding-top: 3px
text-decoration: none
color: #000000
margin-right: 2px
}
#nav li a:hover {
background-color: #CCCCCC
}
-->
</style>
</head>
<body>
<div id="menu">
<ul id="nav">
<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>
<li><a href="#">栏目</a></li>
</ul>
</div>
</body>
</html>
------------------------------------分隔线----------------------------
自己做的，希望是你想要的那种。
文本居左对齐，两端对齐，靠右对齐，或者说居中对齐，通用一个属性：text-aligntext-align参数值与说明：
left：内容左对齐。
center：内容居中对齐。
right：内容右对齐。
justify：内容两端对齐，但对于强制打断的行（被打断的这一行）及最后一行（包括仅有一行文本的情况，因为它既是第一行也是最后一行）不做处理。（CSS3）
start：内容对齐开始边界。（CSS3）
end：内容对齐结束边界。（CSS3）
match-parent：这个值和 inherit 表现一致，只是该值继承的 start 或 end 关键字是针对父母的 <' direction '>值并计算的，计算值可以是 left 和 right 。（CSS3）
justify-all：效果等同于 justify，但还会让最后一行也两端对齐。（CSS3）
语法扩展：
这里需要注意的一点是：设置或检索对象中内容的水平对齐方式。
1、块级元素的文本是一些堆叠的线框
2、大部分浏览器要使得 <' text-align '>的justify两端对齐生效，需要在汉字间插入有空白，如空格；
3、块内的最后一行文本（包括块内仅有一行文本的情况，这时既是第一行也是最后一行）及被强制打断的行，其两端对齐需使用 <' text-align-last '>；
4、IE浏览器下，如果 <' text-align-last '>要生效，必须先定义 <' text-align '>为justify；
