Problema float

[metatad]

Ho un div contenitore (cont), nel quale stanno 'n' div (max 35); tutti questi div (classe box) hanno settato

float: left;

ed hanno tre possibili dimensioni, diversa l'una dall'altra. Ad es.:

.box_uno {
width: 100px;
height: 50px;
}.box_due {
width: 200px;
height: 100px;
}.box_tre {
width: 300px;
height: 150px;
}

Il div contenitore ha l'altezza con valore fisso

height: 500px;

A me serve che si allineino, all'interno del div cont, con un effetto masonry, ma senza utilizzare column!
Il problema è che, se al div cont attribuisco

width: auto;

, tutti i div contenuti si allineano su un unica riga in alto; se invece gli attribuisco

width: 1500px;

(dove 1500 è una quantità 'n', che approssimativamente consenta di contenerli tutti, ma non su una sola riga), capita che uno o più div finali sforino in altezza. Cioè non si posizionano restando all'interno del div contenitore, ma fuoriuscendo dai bordi di questo.
Nell'immagine allegata si vede meglio ciò che intendo; nell'angolo in basso a destra, si vede un div box (nr 12) che ha la stessa altezza del div box che gli sta sopra (stesso colore) ma che invece sta chiaramente per due/terzi fuori dal div cont.
C'è modo di risolvere?