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)
Summary: Either that line-height: normal is not inheriting from its parent correctly ...
Status: UNCONFIRMED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 523.x (Safari 3)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://shop1.paipai.com/cgi-bin/user_...
Keywords:
Depends on:
Blocks:
 
Reported: 2007-10-24 06:56 PDT by Anantha Keesara
Modified: 2014-01-13 00:52 PST (History)
2 users (show)

See Also:


Attachments
reduction (516 bytes, text/html)
2007-10-24 06:56 PDT, Anantha Keesara
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Anantha Keesara 2007-10-24 06:56:03 PDT
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
Comment 1 Anantha Keesara 2007-10-24 06:56:57 PDT
Created attachment 16835 [details]
reduction
Comment 2 Mark Rowe (bdash) 2007-10-24 07:14:26 PDT
Can I ask that you give your attachments a name that describes their purpose rather than simply duplicating the bug title in their name?
Comment 3 Sudarshan C P 2014-01-12 20:38:20 PST
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>.