Suckerfishmenü, Box zu hoch

[chukky]

Hallo Leute,
Ich habe leider ein für mich unerklärliches Problem mit einem modifizierten Suckerfishmenü:
Ich habe 5 Buttons die alle dynamisch mittels PHP generiert werden und dieselbe CSS Klasse haben. Trotzdem wird der erste Button zu hoch dargestellt und ragt über die anderen heraus. woran kann das liegen?
Betrachten könnt ihr das ganze hier:
http://www.stumm-orgelverein.de/dev/

Meine Menue.css:

@charset "utf-8";
/* CSS Document */
/* <![CDATA[ */
h1 { font-size: 1.5em; }
#navigation, #navigation ul {
   margin-left:0px;
   padding: 0;
   list-style: none;
   margin:0px;
   font-weight: bold;
}
#navigation ul {
width:10em;
}
ul#navigation li a { 
   background-color: rgb(172,112,125);
   height:30px;
   color: white;
font-family:Tahoma,Verdana, Geneva, sans-serif;
padding:10px;
padding-bottom:0px;
text-decoration: none;
   display: block;
   width:10em;
   padding-top: 5px;
}
#navigation li {
   margin-left:50px;
   float: left;
   width: 10em;
   	text-align:center;
}
#navigation li ul {
   position: absolute;
   width: 10em;
   left: -999em;
   background-color: rgb(172,112,125);
 
}
#navigation li:hover ul, #navigation li.sfhover ul { 
   left:auto;
}
#navigation li li a{
   margin-left:-50px;
}
#navigation li li a:hover { 
   margin-left:-50px;
background-color:#891641;
}
#navigation li li {
display:block;!important

}

/* ]]> */

 

[neuroleptika]

Nein, es sind alle "Buttons " gleich hoch.
Ich sehe allerdings nur 4 Menüpunke. Der fünfte (Kontakt) passt nicht mehr neben den letzten und rutscht somit unter den ersten float (Stumm-Orgeln).

Das Ergebniss ist Schriftgrößenabhängig.

 

[chukky]

Oh vielen Dank !
Das ist mir jetzt echt nicht aufgefallen, dass es nur 4 Buttons waren, ich war so auf den "höheren" Button fixiert. Habe jetzt die Schriftgröße von 1,5 auf 1,2em gesetzt und es geht wunderbar :)

 

[neuroleptika]

Das Grundproblem ist damit noch nicht gelöst. Wenn der Besucher die Schriftgöße per Textzoom ändert (z.B ff ab Vers.3 : Ansicht > Zoom > Nur Text Zoomen), passt es wieder nicht.
Verzichte besser auf die Höhenangabe für #navtop um den Letzten Menüeintrag dennoch sichtbar zu machen.

Im IE<8 klappt noch nichts aus.

Tipp:
Validiere dein html und siehe dir das Ergebnis auch im IE6 und IE7 an.