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>