List items with display: inline vertically stretch inline child links that have vertical margin

Actual (live) results in your browser:



Expected results (screen shot 546px wide, 21px tall; link color and underline may differ):

[Image download support must be enabled for this test]

Note: this bug is important to fix because it affects how CSS drop-down menu lists can be created, coded and work. Generally speaking, an inline-element parent should not grow vertically just because its inline child is vertically taller.

Firefox 2.x, Firefox 3, Safari 3.0.4, Opera 9.26, Opera 9.50, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Amaya 10 (build 20080229), Seamonkey 1.x, Seamonkey 2.x, NS 7.2, Galeon 2.0.2, Epiphany 2.20 all pass this test.

Valid HTML 4.01! CSS compliant