Lista (ul) sin altura cuando le pongo float a los elementos (li)

[pzin]

Hay otra técnica más, micro clearfix:

Código CSS:

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
 
.cf:after {
  clear: both;
}
 

Que luego simplemente añades la clase a tu elemento —así puedes reutilizar el código en otros elementos:

Código HTML:

<ul class="sortable cf" id="menu1">