Posty się rozjeżdzają

Witam,
zrobiłam sobie stronę, gdzie wrzucam ciekawe filmiki. Niestety posty nie układają się tak jak powinny fotka:

http://i.snag.gy/7ohYF.jpg

<div id="div-filmy">
			<?php
				$loop = new WP_Query(array(
					'post_type' => 'post',
					'posts_per_page' => 24,
				));

				while($loop->have_posts()) :
					$loop->the_post();
			?>

				<div id="pojedynczy-film">
					<?php the_excerpt(); ?>

					<a href="<?php the_permalink(); ?>"><h1><?php the_title(); ?></h1></a>

					<span style="font-style:italic; margin-left: 10px; margin-bottom: 10px; float: left; font-size: 10px;">dodano: <?php the_time('d-m-Y') ?></span>
				</div>

				 <?php endwhile; ?>		 

	</div> <!-- end content -->

#div-filmy {
	float: left;
	width: 980px;

}

#pojedynczy-film {
	float: left;
	width: 220px;
	background: #f2f2f2;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 1);
	box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 1);
}

jak w divie #pojedynczy-film ustawie wysokość to wpisy układają się jeden pod drugim. Jednak nie chce ustawiać stałej wysokości, ponieważ tytuły są krótsze raz dłuższe i wszystko się wtedy psuje – siedzę już od paru dni i ręce mi opadają, ponieważ nie wiem jak zrobić aby były 4 divy w rządku o różnych wielkościach i żeby się to nie rozwalało. Aha i nadanie marginesów też nic nie daje.