li ist größer als angegeben

[solitaer]

Hi,

ich habe ein großes Problem.

ich habe ein Menü mit ungeordneter Liste aufgebaut.

<ul>
<li></li>
<li></li>
</ul>

ich habe die Höhe des Li auf 16 gesetzt. Firefox macht immer 18px draus.

Hier Codeschnipsel:

Code: Alles auswählen

   #main_menu{
      height:16px;
      width:100%;
      background-image:url("../img/bg_menu.png");
      background-repeat:repeat-x;
      margin:0px;
      padding:0px;
   }
      #main_menu ul {
         margin:0px;
         padding:0px;
         height:16px;
         
                  
      }
      #main_menu li {           
         
         padding:0px;
         margin:0px;
         margin-left:75px;
         display:inline;
         height:16px;
         
      }


Der DOM Inspector sagt mir aber beim Click auf li Element:

Box Höhe 18.

innerhalb der Li sind 16 pixel hohe Grafiken.

Was mache ich falsch?

Auch ein Li das nur mit &nbsp; gefüllt ist ist 18px hoch.

Bitte HILFE!


Danke

Werner

[solitaer]

Bin auch schon einen Schritt weiter.

wenn ich display:inline angebe dann ist li 18 ansonsten 16.

Spinnt der Firefox oder ich?

[sejuma]

Gibt es einen Link zur Seite, damit man mal alles im Zusammenhang sieht?
Welche Größe hast du (evtl. übergeordnet) für die Schrift hinterlegt?

Hinterlege auch mal noch

Code: Alles auswählen

main_menu a: display: block;