网页布局定义的div float属性，显示不对。解决方法

网页布局定义的div float属性，显示不对。

如图，网页布局，右边绿色块上不去，各个浏览器，IE 火狐360 遨游都试了不行。
代码：
#date {float:left; height:202px; width: 238px; background-color:Orange}
#zhong {height:202px; background-color:Fuchsia;margin:0 238px; }
#map {float:right; height: 202px; width: 238px; background-color:Lime;}

------解决方案--------------------------------------------------------
是宽度问题吧。。。
------解决方案--------------------------------------------------------
#date {float:left; height:202px; width: 20%; background-color:Orange}
#zhong {height:202px; background-color:Fuchsia; float:left; width:60%; }
#map {float:left; height: 202px; width: 20%; background-color:Lime;}
这样就可以了