Buttons verschieben sich im Firefox

[Detlef G.]

Hallo Manuel

Ich hab mehrere Hover-Buttons per CSS erstellt. Im IE funktionieren diese einwandfrei.

Der kennt ja auch manches nicht und interpretiert height als min-height.

Jedoch im Firefox, verschiebt sich jeder Button, nachdem man ihn angeklickt hat, nach oben.

Genau so hast du es definiert ;-)

Hier der CSS-Code:
...
html>body #nav a:link, #nav a:visited { height:auto }

Das height:auto soll also für unbesuchte Links angewendet werden, wenn der
Browser den Kindselektor kennt (html>body #nav a:link).
Außerdem soll es für besuchte Links bei allen Browsern angewendet werden,
wenn später keine andere Angabe mit mindestens gleicher Gewichtung erfolgt
(#nav a:visited).

#nav a:link, #nav a:visited    { ... height: 0px; ... }

Hier wird die Höhe auf 0 gesetzt und zwar mit genau der gleichen Wichtung,
wie oben für besuchte Links.

Die Spezifität (Gewichtung) für unbesuchte Links ist oben höher
(html>body #nav a:link) als hier (#nav a:link) wodurch nur in diesem
Fall height:auto nicht durch height: 0px überschrieben wird.

Brauchst du das height: 0px für den IE überhaupt?

Auf Wiederlesen
Detlef