float=left; float=right;该如何处理

float=left; float=right;
我定义如下
<div id="top">
   <div id="a"><img.../></div>
   <div id="b"><img.../></div>
</div>

其中 
#top:{overflow:hidden; height:100px; width:600px;}
        #a:{float:left; height:100px; width:200px;}
       #b:{float:right; height:100px; width:200px;}

1在把窗口大小缩到200px时，右边的图片就下移了！我希望能不下移，并且显示部分图片！
2并且在拉大窗口到800px的时候，也能使右边的窗口向右浮

谁能告诉我具体方法怎么做满足这两点？

------解决方案--------------------------------------------------------
#top:{overflow:hidden; height:100px;} 
这里不要定义大小