Hola:
También funcionaría poniendole overflow:auto a la etiqueta <ul> y no habría que poner la etiqueta <br />
Código CSS:
Ver original<style type="text/css">
div{background:#c90;}
ul{list-style-type:none; overflow:auto;}
li{float:left; padding-left:20px;}
</style>
Pudiendose aprovechar esta circunstancia para incluir otras propiedades que pudieran ser necesarias para este selector, (en este caso aprovechamos el list-style-type y quitamos los circulitos negros que se posicionan a la izquierda de los textos del <li> y que entorpecen la visión).
Saludos.