CSS Test: Vertical-align applied on an empty element with display set to inline-table with border-bottom

Where should the 2 pairs of "L", the orange stripe and the blue line be respectively and relatively to each other (vertically speaking)? Browsers diverge.

Browsers results:

IE8, IE9, IE10, Opera 12.02, Opera 12.5 and Konqueror 4.9.2 align the bottom of the "L" glyphs with the top of the bright green line (top of the inline-table box).
Firefox 15.0.1 and Firefox 18.0 align the bottom of the "L" glyphs with the top of the orange stripe (bottom edge of content box of the cell of the inline-table). This appears to be the expected result.
Chrome 21.0.1180.89, Chrome 23.0.1251.2, Icab 5.0 and Safari 6.0 align the bottom of the "L" glyphs with the bottom of the orange stripe (bottom of the inline-table box).