html - メニューは常に再配置されます

Question

を使用してメニューバーとログインページを作成しようとしていましたdivが、ブラウザのサイズを変更すると（Chromeを使用しています）、div変更されて横に移動します。

ここにデモがあります：http://jsfiddle.net/xVenw/

ご覧のとおり、メニューの行ではありません。サイズを変更すると、別の行が追加されます。