请教一下,为什么我这样的CSS定义后,DIV不能显示100%?

CSS定义为:body
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
}/*头部,即菜单栏*/
#Header
{
width:100%;
background:yellow; 
margin: 0px;
}

/*页面层容器*/
#Container
{
width:100%;
height:100%;
margin: 0px;
}/*页面层左边栏,Navigation*/
#LeftSideBar
{
margin: 0px;
width:20%; 
float:left;
height: 100%;
background:blue;
}/*页面层右边栏,Content*/
#MainContent
{
margin: 0px;
width:80%; 
float:left;
height: 100%;
background:green; 
overflow:hidden;
}然后页面是这样的:
<div id="Header"></div>
<div id="Container">
    <div id="LeftSideBar"></div>
    <div id="MainContent"></div>
</div>它显示出来是HEADER正确的,CONTAINER这块只有上面一点点的,然后我在CSS中把CONTAINER的HEIGHT:100%换成600PX的时候,它就能显示600px这么多,请问这是怎么回事?谢谢!