css中的margin的负数问题

在今天的css学习中，看到了这样的一个效果：

觉得效果很好，决定研究一下它的样式。

<form><b><div><input type="submit" value="我要宣言"></div><input type="text" style="width:50%"></b></form>

下面是样式文件：

dl.love form input{border:1px solid #FF97BE;height:24px;line-height:24px;width:140px;color:#999999;float:right;}dl.love form div{border:1px solid FF97BE;width:69px;overflow:hidden;height:24px;padding:1px;float:right;margin-left:-1px;}

这个margin-left:-1px很重要，这样和左侧的重复部分自然就合在一起了。另外，padding:1px也恰到好处的给出了白色的美妙。

不解的地方：<div>为什么在<input>的前面呢？样式不是控制是float:right吗？