Gli elementi in linea si dispongono sulla stessa riga andando a capo quando tutta la largezza disponibile è stata occupata, ciascun div occupa un po' più della larghezza disponibile (per via del margine che si somma al 100%, e sul singolo div sarà visibile il taglio dovuto all'overflow:hidden), ciascun div si disporrà su una riga diversa (va a capo)perché non c'è più spazio. Per avere ciò che vuoi, i quattro div interni dovrebbero trovarsi in un altro box largo il 400% (più i margini)e contenuto nel div content