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;
}

[Gonzo]

In einem div mit float:left gibt es in Firefox oben immer einen Abstand, dem über Margin und Padding nicht beizukommen ist.

Dochdoch:

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

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

Da hast du nur margin-left gesetzt, aber nicht den bei Listen üblichen Abstand oben und unten gemeuchelt. Problemlösezeit: 10 Sekunden mit Firebug :)

[knut]

Danke, war ja einfach. Schön!