Bug 21659 - navigation bar in header is missing background image
Summary: navigation bar in header is missing background image
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://finance.sina.com.cn/money/qa/i...
Keywords:
Depends on:
Blocks:
 
Reported: 2008-10-16 13:40 PDT by Anantha Keesara
Modified: 2012-06-20 21:20 PDT (History)
2 users (show)

See Also:


Attachments
reduction.zip (857 bytes, application/octet-stream)
2008-10-16 13:40 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 2008-10-16 13:40:05 PDT
I Steps:
 Go to http://finance.sina.com.cn/money/qa/index.html
 
 II Issue:
 navigation bar in header is missing background image
 
 III Conclusion:
 The issue is caused because when render background image to <a> tag, webkit/FF3 only match the size of link text, however IE match the whole width and height of <a> specified in style.
 
 IV Other Browsers:
 IE7: ok
 FF3: not ok
 
 V Nightly tested: 37382
Comment 1 Anantha Keesara 2008-10-16 13:40:07 PDT
Created attachment 24411 [details]
reduction.zip
Comment 2 Luke Macpherson 2012-03-14 20:53:41 PDT
This bug is ~3 years old now. Is it still reproducible?
Comment 3 David Barr 2012-06-20 21:20:57 PDT
http://www.w3.org/TR/CSS2/visudet.html#inline-non-replaced
For inline none-replaced elements the width and height properties do not apply. The likely intent of the designer may be achieved by setting the link to display:inline-block. However, WebKit is working as intended.