回答編集履歴

- この動作は、 2 つの不動体が**同一ブロック整形コンテキストに所属している**ことが原因です。もっとも簡単な解決方法は、 `ul` 要素に対して `display: flow-root` を適用することです ([動作確認用リンク](https://jsfiddle.net/ts0bf52v/))。