UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.112 Safari/537.36

Steps to reproduce the problem:
1. Open a select menu whose options have accents above capital letters
2. Hover over an option with an accent; e.g. É or Í

Example here: http://codepen.io/melanieazure/pen/LNrrPG 

What is the expected behavior?
The accents are contained within the highlighted option and are visible when the select menu is closed.

What went wrong?
A) According to the spec¹, leading should be divided in half, with half placed above the ascender and half below the descender. It appears that in Chrome's <select>, all the leading is placed below the descender. 

Did this work before? N/A 

Chrome version: 49.0.2623.112  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 21.0 r0

Just a side point: 'line-height: normal' is not the same value in Chrome as it is in IE and FF.  Both the w3¹ and OS/2² allow a 'reasonable' line-height of 1.2, whereas Chrome seems to be ~1.15 or thereabouts.  It's fine, just thought I'd bring it up. :)

(1) https://www.w3.org/TR/CSS2/visudet.html#leading 
(2) “sTypoLineGap will usually be set by the font developer such that the value of the above expression is approximately 120% of the em.” Source: https://www.microsoft.com/typography/otspec/recom.htm#tad 

Thanks for your hard work and attention!
 

Deleted: select_leading_chrome.PNG 3.1 KB

	select_leading_chrome.PNG 3.1 KB View Download

Deleted: select_leading_firefox.PNG 3.7 KB

	select_leading_firefox.PNG 3.7 KB View Download

Deleted: select_leading_ie.PNG 3.3 KB

	select_leading_ie.PNG 3.3 KB View Download

Deleted: select_leading_chrome_closed.PNG 1.7 KB

	select_leading_chrome_closed.PNG 1.7 KB View Download