css达人进！！！

[yh235]

body {
background-color: #000000;
}

#container {
background: red;
width:980px;
height:500px;
margin: auto;
}
#top {
background: green;
height:50px
}
#body {
background:#0000FF;
height:600px;
width:980px;

}
#foot{
background:#996600;
height:50px
}
.zuo{
float: left;
width: 300px;
height:500px;
background: darkgreen;
}
.zhong{
float:none;
width: 380px;
height:500px;
background:#33FF66;
}
.you{
float:right;
width: 280px;
height:500px;
background: darkgreen;

}
=================================
上边那个哪错了？为什么得不到我想要的效果？
这是现在的效果
http://hiphotos.baidu.com/benaheng/pic/item/5c697c38637ac42596ddd8f9.jpg

为什么.you会跑到下边？我是想让它和那两个并排在一行啊
刚学CSS~不懂~

[weiang_1983]

.zhong{
float:left;
width: 380px;
height:500px;
background:#33FF66;
}