Menu hopper i Firefox

Måske er det dine manglende px-angivelser på margin og padding:0 som gør det:

  margin: 0;
  padding: 0;

-- men det er da iøvrigt en sjov selektor, du har fundet på:

* html a:hover

-- som betyder nogenlunde dette:

a-tags med mus-over, som findes indenfor et html-element, uanset hvilke(t) element(er) der måtte være udenom ...

Altså alle a-tags med mus-over, da html-elementet er aller-aller-øverst i hierarkiet ...

a:hover betyder det samme !-)

Enhedsangivelse er ikke påkrævet, når værdien er 0 og det bør ikke være årsagen.
Du har den fejl, at du sætter width på dine link med span class og det er ikke tilladt på et inlineelement, så det kan være en årsag til problemet.
Et a-element er altid inline, så display: inline er overflødigt.
Du kan lave dine <a> om til blockelementer med display: block, men det dur ikke rigtigt, for så får du linjeskift.
Jeg bille, som en af de få undtagelser, lave det med en tabel, så er du over problemet med height og width på et inlinelement.

Tak for svar, men tables er ikke en mulighed. Kan ikke passe det ikke kan laves uden ;)

Roenving, det var faktisk en ret mærkelig selektor ja ;) Den er helt unyttig og nu fjernet.

Det var ikke pga mine manglende px, og har også fjernet display: inline; nu.

Jeg forstår ikke helt det med at jeg ikke må definere width?

Jeg har leget lidt videre, og har minimeret min kode fuldstændig, så det skulle være meget mere overskueligt nu.

Det kan ses på http://zyph.dk/problem

Et inline-element har ikke i sig selv nogen form for udstrækning, den kan kun defineres af indholdet, så det giver ikke mening at give en span en størrelse ...

gammelt problem..