咨询关于CSS盒模型的相关问题

首先请大家看一段代码，
#box1,#box2 {
float:left;
width:200px;
height:300px;
color:#FFFFFF;
font-size:36px;
text-align:center;
line-height:300px;
}

#box1 {
border:solid 5px #FF0099;
background-image:url(bg2.jpg);
}
#box2 {
border:solid 5px #FFFF00;
background-image:url(bg3.jpg);
}
现在将BOX1与BOX2调位，我的一本书籍上是这么调整的
div {
float:left;
width:200px;
height:300px;
color:#FFFFFF;
font-size:36px;
text-align:center;
line-height:300px;
}

#box1 {
margin-left:210px!important;
margin-left:105px;
border:solid 5px #FF0099;
background-image:url(bg2.jpg);
}
#box2 {
margin-left:-420px;
border:solid 5px #FFFF00;
background-image:url(bg3.jpg);
}
经过测试，可以完成效果。不过本人对于其中的奥妙还不甚理解，请问：
在经过调整的程序中：
1、为什么BOX2要非IE左边界为105PX，而IE左边界为210呢？
2、为什么BOX1左边界要-410PX，这样不是移出了界面吗，怎么还会正常显示呢？

关于房产公证的相关问题咨询 关于css的问题 关于CSS的问题 关于CSS的问题? 咨询css问题 咨询css问题1 关于父母的养老保险问题，想咨询下相关人士～ 关于误工费相关的一些问题咨询大家伙！！ 咨询宫颈炎的相关问题 css相关问题