Masonry + Wordpress = Hilfe!

Hallo,
ich werd noch wahnsinnig. Habe jetzt zigTutorials ausprobiert und es klappt einfach nicht mit dem Masonry im WordPress. :sad:

HEADER.php

<?php wp_head(); ?>
<script>
$(function(){
  $('#container').masonry({
    // options
    itemSelector : '.item',
    columnWidth : 240
  });
});
</script>

INDEX.PHP

<div id="container">
   <div class="item">Lorem ipsum dolor sit amet</div>
   <div class="item">...</div>
</div>

STYLE.CSS

#container { width: 800px;} 
.item {   width: 220px;   margin: 10px;   float: left; }

FUNCTIONS.php

<?php function mason_script() {
    wp_enqueue_script( 'jquery-masonry' );
} add_action( 'wp_enqueue_scripts', 'mason_script' ); ?>

So stehen die Beiträge immerhin schon mal nebeneinander, aber es floatet nicht in beide Richtungen, aber es verschachtelt sich nicht, irgendwie ruft er wohl das Masonry nicht richtig auf. Habt ihr eine Idee?

Ich hab die Breite im #container im CSS entfernt, jetzt schaut es so aus... es floatet so vor sich hin, aber so richtig funktioniert es nicht. Wie krieg ich es hin, dass die divs von unten hoch rutschen?