616631 - <select> renders inconsistently when font-family:"Arial" and display:block

Status: UNCONFIRMED

(Core :: Layout: Form Controls, defect)

Description

[Matthew Tom-Wolverton]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 FirePHP/0.5
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 FirePHP/0.5

See http://dev.mtwstudios.com/selects.html for an example.

The first, second, and sixth <selects> are rendering larger than the other three.  This appears to change depending on surrounding markup.  So far Arial seems to be the only font where this occurs, though there may be others.

Reproducible: Always

Steps to Reproduce:
1.  Open it up in your browser.

Actual Results:  
All the select boxes should be rendered identically. 

Expected Results:  
They're not.

According to Firebug, they all have the same dimensions and computed font-size, so they SHOULD be rendering identically.

Comment 1

[Matthew Tom-Wolverton]

Attachment: The bug as rendered by Firefox 3.6.3, OS X 10.6.5

Comment 2

[Matthew Tom-Wolverton]

Sorry, got my Results flipped... See the corrected version below.

Expected Results:  
All the select boxes should be rendered identically. 

Actual Results:  
They're not.

Comment 3

[philippe (part-time)]

I think this is a dupe