vertical-align: text-bottom is incorrectly rendered in Opera 10.0

text-bottom as defined at CSS 2.1, section 10.8.1
Align the bottom of the box with the bottom of the parent's content area.
text-bottom as defined by David Baron
Align the logical bottom of the box (or bottom outer edge, if replaced) with the font bottom of the parent box.

Green border = <span> border = border identifying the parent box

Actual (live) result in your browser:

text-bottom         jpyqg

Actual result in Opera 10.0 build 1750 (screenshot 467px wide, 90px high):

Expected result (screenshot 471px wide, 90px tall with Firefox 3.0.6):

Expected results: the red line, extending from the yellow image toward the left, should be inside the green bordered rectangle and touching the green bottom border. The red line, extending from the yellow image toward the left, should not be outside the green bordered rectangle.

Internet Explorer 8, NS 6.1, NS 6.2, NS 7.0, NS 7.1, NS 7.2, Firefox 1.5.x, Firefox 2.0.0.3, Firefox 3, Safari 2.0.4, Safari 3.0.4, Konqueror 3.5.5, Konqueror 4.1, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, Epiphany 2.14 all pass this test.

This bug has been reported at Opera BTS as bug DSK-250847.

Valid HTML 4.01 strict! CSS compliant