Inline und Block-Elemente in CSS

[Captain]

Hallo,

mir ist da ein seltsames Verhalten aufgefallen:
Wenn ich in einem sehr kleinem DIV-Container (z.B. 40x16 Pixel), ein weiteres Element einfüge, unterscheidet sich die Position dieses neuen Elements abhängig davon ob es ein Inline- oder Block-Element ist, obwohl sich nichts anderes in diesem Container befindet. Beispiel:
<div><span>Text</span></div>
<div><div>Text</div></div>
unterscheiden sich deutlich in der Höhenanordnung. Ersteres sitzt deutlich tiefer. Natürlich fällt der Unterschied erst auf, wenn man den Text entsprechend klein (ca. 10px) formatiert.

Woran liegt das? Kann mir das jemand sagen?

Captain