album overview compact not aligned by the highest div available

i am using the album overview like this:
[album id=2 template=compact]

and i am expecting to get 4 galleries displayed per row. this would work fine when the gallery title would have the same length.

if the gallery titles are varying too much i get some rows filled only with one or two gallery previews because the some of the divs in the row above are too high.

first i tried to set the height of the div to some static value:

.ngg-album-compact {
	padding-right:6px !important;
	margin:0px !important;
	text-align:left;
	width:120px;
        float:left;
        height:256px /* this would fix it but it is a static solution*/
}

but then i found a dynamic solution using display:inline-block and removing the float:left :

.ngg-album-compact {
	padding-right:6px !important;
	margin:0px !important;
	text-align:left;
	width:120px;
	display:inline-block; /* this one*/
	vertical-align:top;   /* and this one*/
}

please consider to change the CSS for .ngg-album-compact to avoid formating problems.

the page where i had the problems is https://suiseki.sk/?page_id=29

if you need i can switch it back to float:left to show you the formating problems.

my solution was tested on FF24

https://www.ads-software.com/plugins/nextcellent-gallery-nextgen-legacy/