woher kommen die rot angezeigten markieren Abstände?
http://de.selfhtml.org/css/eigenschaften/innenabstand.htm@title=Innenabstand oder http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#line_height@title=Zeilenhöhe+
Kann es sein das Firefox auf Mac diese anders berechnet als Firefox auf PC? Könnte ja was mit dem Weichzeichner zu tun haben...
Ja, das kann nicht nur sein, das ist auch so - je nach Software wird die Zeichenhöhe anders berechnet.
Entweder wird dazu die Versalhöhe verwandt (Abstand zwischen H- und Grundlinie) oder aber auch der Schriftgrad (maximale Ausdehnung zwischen Ober- und Unterlängen).
Siehe hier: http://www.tutorials.de/forum/typowars/337844-typografie-basiswissen.html
lt. CSS-Spezifikation sollte sich font-size auf den Schriftgrad beziehen (em square, gevierte Lettern). Im nächsten Satz wird aber gesagt, dass manche Glyphen herrausragen können - das darf/kann aber bei gevierten Lettern niemals passieren.