vertikales padding in Inlineelementen

[netinja]

Hallo,

Es heisst doch, dass Inlineelemente keine vertikalen Abstände haben.
Das stimmt aber nur zur Hälfte.

<div style="border: solid 1px">
   <a href="#" style="padding: 30px; background-color: #ff0000">link</a>
</div>

Der äussere Container schliesst oben und unten mit seinem Rand direkt am Linktext ab, d.h. das vertikale padding des Link dehnt den container NICHT aus.
Auf der anderen Seite wird aber der Link MIT einem Ringsum-padding dargestellt, wie man anhand des roten Hintergrunds sehen kann.

Das verstehe ich jetzt nicht.
Wie kommt denn das?
Ist die Darstellung im Firefox überhaupt richtig?

LG
netinja