La lista no contiene sus elementos de lista flotante

En el siguiente código no se muestra el ul. Es como si se necesitara eliminar la li, pero no puedo hacerlo porque tengo otras carrozas con las que se metería. ¿Por qué el ul no encierra sus li's y hay una manera de hacerlo funcionar? (Solo lo he probado en Firefox)

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

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

Respuestas a la pregunta(2)

Su respuesta a la pregunta