No código a seguir, o ul não é mostrado. É como se os li precisassem ser limpos, mas não posso fazer isso porque tenho outros carros alegóricos com os quais ele mexeria. Por que o ul não inclui seus li's e existe uma maneira de fazê-lo funcionar? (Eu só testei no Firefox)

<style>
   li { float: left; }
   ul { background: #F00; }
</style>

<ul>
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
</ul>