Hola amigos del Internet (bot) necesito una consulta a los GURU del Css tengo 1 DIV que mide de ancho 500px y dentro varios DIV de ancho 240px y de alto lo que achique el ancho (es decir el alto lo define el ancho) y con float:left es decir un coloca tras otro, en el DIV de 500px solo va alcanzar 2 DIV 240px por fila se podria decir esta bien mi pregunta es como hago para que el DIV de abajo osea el 3 se coloque justa arriba del primero como esta en estas imagenes
LO QUE ESTA ACTUAL 
COMO QUIERO QUE ME QUEDE 
alguna idea ??