Ciao, il problema delle diverse altezze che riscontri nei div è creato dal non aver tenuto conto dell'ingombro del border.
Gli di devono essere univoci, nel senso che non possono esistere n elementi con lo stesso id (mentre possono esistere n elementi con la stessa classe).
Una soluzione rapida per non impegnarsi in troppi calcoli e avere è quella di aggiungere la regola box-sizing:border-box a tutti gli elementi. Guarda qui: http://jsfiddle.net/5mgfL10s/. Altrimenti potresti settare l'altezza del container pari a 10*(altezza div + bordo) come visibile qui:http://jsfiddle.net/5mgfL10s/1/

P.s: è un topic da CSS non HTML5

ciao!