将额外的包装DIV添加到中心内容在Web浏览器中不起作用？

Question

我一直在玩Mathew James Taylor的三柱液体布局，你可以看到here。他提供了额外的代码来缩小显示尺寸并使其居中here。

<div id="fixed"><!-- existing liquid layout here --></div>

对于CSS

body {
text-align:center;
}
#fixed 
{
margin:0 auto;
width:90%;   /* you can use px, em or % */
text-align:left;
}

我遇到的问题是这在我的计算机上的任何broswer都不起作用。不适用于Chrome，Firefox或Internet Explorer。但是，当我将相同的代码加载到JSFiddle时，它就可以了。在任何浏览器中我的计算机无法正常工作有什么问题？我以前没有见过这种情况。

顺便说一下，我知道这可以通过改变CSS中body标签中的值来完成，但Matthew的观点是，他在容器中这样做的方式对旧版本的Internet Explorer来说更好。