CSS样式margin:0 auto不居中

<style type="text/css">
html,body{height:100%;width:960px;}
.container{background-color:#cccccc;width:960px;height:100%;margin:0 auto;}

</style>

此情况下，container不居中，去掉html,body中的width:960px后居中