css - 为什么浮动时子 div 在其父级之外？

Question

为什么 Chrome 会在父“标题”下方显示登录框？

我对 iexplorer 没有任何问题。

如何为 Chrome 解决此问题？

http://jsfiddle.net/dwLSB/

<form action="" class="login">
        Username: <input type="text" name="username" placeholder="Username" class="uname" /><br>
        Password: <input type="password" name="password" placeholder="Password" class="pword" />

    </form>