div布局的相对位置和重叠显示问题，急！

[cissy_sx]

如何针对某个特定的div（比较大），在它的左上角和右上角分别放置一个小的div，位置必须是相对底下那个大的div的，也就是说大的div位置在浏览器中变换位置时小的也随着它变换，但与大的div的相对位置不变。
请好心大侠帮忙，用简单的代码解决下，谢谢~

[夜雨_Jason]

<div style="width:400px;">
  <div style="float:left;width:100px; height:100px; background:#0000FF;">1</div>
  <div style="float:right;width:100px; height:100px; background:#00FFFF;">2</div>
  <div style="clear:both;width:400px; height:400px; background:#FF00FF;">3</div>
</div>