Div + float: Ungewollter Abstand oben

[knut]

Hallo!         Ich komme einfach nicht weiter: In einem div mit float:left gibt es in Firefox oben immer einen Abstand, dem über Margin und Padding nicht beizukommen ist. Im IE ist er lustigerweise unten.

Hier zum angucken: http://zdev.critmass.de/ -- Es geht um das horizontale Menü. Der Code:

HTML:

<div id="navi">
<div class="moduletable_topnavi">
 <ul id="_topnavi">
        ...
        </ul>
</div>
</div>

CSS:

#navi {
   float: left;
 width: 100%;
   margin:0;
   padding:0;
 background-color: #000;
}

.moduletable_topnavi {
 width: 558px;
 margin: 0 auto;
}

.moduletable_topnavi ul {
 padding: 0;
 padding-left: 0;
 margin-left: 0;
 background-color: #333;
 width: 100%;
 color: White;
 font-family: arial, helvetica, sans-serif;
}