令我头痛的CSS浮动问题

各位大神最近遇到一个问题找了几天也没找到答案，很困扰啊~~~~
代码如下，很简单：
#king{ border:1px solid #f00; width:500px; height:500px; }
#a{ border:1px solid #00f; width:100px; }
div.a_son{ float:left; border:1px solid #063; width:40px; height:40px;}
#b{ float:left; border:1px solid #0F0; width:100px; height:100px;}

结果是这样的：
请问为什么b框会和顶部离那么一段距离啊~~~~~

页面源码是什么呢？方便贴出来调试看看吗？

页面源码是：

*{ padding:0px; margin:0px;} #king{ border:1px solid #f00; width:500px; height:500px; margin-left:100px; margin-top:100px;} #a{ border:1px solid #00f; width:100px; } div.a_son{ float:left; border:1px solid #063; width:40px; height:40px;} #b{ float:left; border:1px solid #0F0; width:100px; height:100px;}

你是想b和a对齐还是？？看不懂你想干嘛...

#a 样式里再加个 float：left 就可以了

你的#a没有浮动，那不是跟着#a最后一个浮动块浮动了