初学者，简单的html内容分块布局，有一个问题求解答！！！

html代码：

CSS代码：

#header {

background-color:black;

color:white;

text-align:center;

padding:5px;

}

#nav {

line-height:30px;

background-color:#eeeeee;

height:300px;

width:100px;

float:left;

padding:5px;

}

#section {

width:350px;

float:left;

padding:10px;

}

#footer {

background-color:black;

color:white;

clear:both;

text-align:center;

padding:5px;

}

不知道为什么针对header设计的样式显示不出来(在google浏览器中测试)，背景颜色没有变黑，文本也没有居中，代码如上，望各路大神帮忙解答小白的问题！！！