div float left

[Progeny]

Ho un problema con div e float...
Qui potete vedere uno screenshot: http://img127.imageshack.us/img127/7...vahome1xj6.jpg

In pratica le colonne di sotto non si allineano a quelle di sopra...

questo è il CSS (

div#deck {
width: 100%;
height: auto;
overflow: hidden;
background: url("../images/deck_bg.gif") top repeat-x;
padding: 5px;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
}

div#deck div.block {
width: 200px;
display: inline;
float: left;
margin-right: 5.9%;
font-size: 0.8em;
line-height: 1.6em;
vertical-align: bottom;
}

div#deck div.block ul {
margin: 0.75em 0;
padding: 0.5em 0 1em 0;
border-top: 1px solid #3B88C5;

list-style-type: none;
list-style-position: inside;

font-size: 10px;
}

div#deck div.block ul li {
text-indent: 20px;
line-height: 16px;
}

e questo è il markup

<div id="deck">


<div class="block">
<h2 class="news">News</h2>
<ul class="news">
<?php foreach($news as $nitem) { ?>[*]<a href="index.php?mod=news#<?php echo('news_'.$nitem['id']); ?>" title="<?php echo(htmlentities($nitem['title'])); ?>"><?php echo(htmlentities($
nitem['title'])); ?></a>
<?php } ?>[/list]
</div>


<div class="block">
<h2 class="forum">Forum</h2>
<ul class="forum">
<?php foreach($threads as $thread) {?>[*]<a href="index.php?mod=forum&amp;action=view_thread&a mp;id_thread=<?php echo($thread['id']); ?>&amp;page=<?php echo($page); ?>#<?php echo($thread
['last_post_id']); ?>"><?php echo(htmlentities($thread['topic'])); ?></a>
<?php } ?>[/list]
</div>


<div class="block">
<h2 class="gallery">Gallery</h2>
<ul class="gallery">
<?php foreach($galleries as $gal) { ?>[*]<?php echo(htmlentities($gal['event'])); ?>
<?php } ?>[/list]
</div>

<div class="block">
<h2 class="event">Eventi</h2>
<ul class="event">
<?php foreach($news as $nitem) { ?>[*]"><?php echo(htmlentities($nitem['title'])); ?>
<?php } ?>[/list]
</div>


<div class="block">
<h2 class="article">Rubrica</h2>
<ul class="article">
<?php foreach($news as $nitem) { ?>[*]"><?php echo(htmlentities($nitem['title'])); ?>
<?php } ?>[/list]
</div>
</div>

ci sto sbattendo la testa da più di un'ora... le ho provate tutte ma nulla... avete idee?

[Progeny]

Ho risolto specificando l'altezza... ma bisogna proprio? per ora le colonne non hanno altezza varabile... in futuro non so!
mettendo height: auto; il problema persiste... deve essere per forza specificata!

div#deck div.block {
width: 26%;
height: 150px;
display: inline;
float: left;
margin-right: 5.9%;
font-size: 0.8em;
line-height: 1.6em;
vertical-align: bottom;
}