想让body里面的网页居中显示，但是在body里面加了margin：auto还是不行，希望大家帮我看一下
HTML：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!doctype html xmlns="http://www.w3.org/1999/xhtml">
登陆界面
css：
@charset "utf-8";
/* CSS Document */
body{
margin:0px;
padding:0px;
}
li{
list-style:none;
}
.container{
width:980px;
margin:0 auto;
}
.login{
width:100%;
height:450px;
background:url(../image/5.gif) no-repeat;
margin-left:30px;
}
.login ul{
float:left;
}
.login ul.form1{
width:45%;
height:390px;
border-right:2px #C30 solid;
}
.user{
padding-left:150px;
line-height:35px;
}
.usersubmit{
padding-left:250px;
padding-top:10px;
}
.liop{
padding-left:100px;
line-height:35px;
font-size:12px;
}
.login ul.form2{
width:30%;
padding-left:40px;
}
.text{
color:#30F;
font-size:10px;
line-height:35px;
font-weight:bold;
padding-bottom:5px;
font-family:"宋体";
}
.loimage2{
padding-top:10px;
padding-bottom:10px;
}
