div定位问题
<div   id= "1 "   style= "position:relative;top:100px;left:100px;background:#aaaaaa;width:100px;height:100px ">
<div   style= "position:relative;top:50px;left:50px;background:#666666;width:50px;height:50px "   onclick= "javascript:aaa(this) "> </div>
</div>
<div   id= "2 "   style= "position:absolute;top:300px;left:300px;background:#AFCBD7;width:100px;height:100px ">
<div   style= "position:absolute;top:50px;left:50px;background:#666666;width:50px;height:50px "   onclick= "javascript:aaa(this) "> </div>
</div>
<div   id= "3 "   style= "position:relative;top:50px;left:50px;background:#AFCBD7;width:100px;height:100px ">
<div   style= "position:absolute;top:50px;left:50px;background:#666666;width:50px;height:50px "   onclick= "javascript:aaa(this) "> </div>
</div>
在dw中看到的是我要的效果，但是到浏览器中id1和3层的位置就会发生变化，感觉是relative定位造成的影响，特别是同级的relative层就会不一样，请问这个定位的标准到底是怎样的呢，谢谢了

------解决方案--------------------
在我的浏览器和DW中的效果是一样的啊
------解决方案--------------------
楼主这样的话可以用一个大层相对定位里面嵌套层用绝对定位