Bug 15660 – Either that line-height: normal is not inheriting from its parent correctly (the LI containing the A has line-height: 29px) or that a font: style should have an implicit line-height: auto (instead of normal)

• Status: UNCONFIRMED
• Component: Layout and Rendering

[Anantha Keesara]

I .Steps:
1. Go to: http://shop1.paipai.com/cgi-bin/user_info?uin=125391965

II. Issue:
The background of the tabs is cut off. Notice that they don't extend down to the blue line.

III. Other Browsers:
IE and FF don't have this issue
Opera and Safari has this issue. 

webkit version tested: r26759

[Anantha Keesara]

Created attachment 16835 [details]
reduction

[Mark Rowe (bdash)]

Can I ask that you give your attachments a name that describes their purpose rather than simply duplicating the bug title in their name?

[Sudarshan C P]

Apply all the style property to respective element, behavior of all the browser is same.

<style>
li a:hover{background:gray bottom no-repeat;display:block;height:29px;}
</style>
<div style="line-height:29px;display: block">
	<ul>
		  <li style="border:2px solid red;float:left;font:14px arial; width: 100px ; text-align: center;list-style-type:none;"><a href="">tab1</a></li>
		  <li style="border:2px solid red; float:left; width: 100px; text-align: center;list-style-type:none;">tab2</li>
		  <li style="border:2px solid red;float:left;font:14px arial; width: 100px; text-align: center;list-style-type:none;"><a href="">tab1</a></li>
	</ul>
</div>

IE and FF behavior is not similar when we apply the style as elementary property and by <style>.