css达人进！解决思路

css达人进！！！
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~不懂~

[解决办法]
.zhong{
float:left;
width: 380px;
height:500px;
background:#33FF66;
}