Bug 17755 - incorrect spacing and positioning of images because of margin and padding
Summary: incorrect spacing and positioning of images because of margin and padding
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://voila.fr/
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2008-03-10 17:15 PDT by jasneet
Modified: 2011-07-06 20:48 PDT (History)
2 users (show)

See Also:

Attachments
screenshot (184.85 KB, image/jpeg)
2008-03-10 17:15 PDT, jasneet 		no flags Details
reduction (725 bytes, text/html)
2008-03-10 17:16 PDT, jasneet 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description jasneet 2008-03-10 17:15:20 PDT 
I Steps:
Go to
http://voila.fr/

II Issue:
Notice the positioning of left and right arrow images in the header.

III Conclusion: 
1. The spacing between left arrow image and "Accueil" is incorrect reason being the padding is set to 0 in the <ul> so there's less spacing in the applied background for the <li> tag.

2. The positioning of right arrow image is incorrect because of left margin. If I change the value of left margin {margin: -1.2em 0 0 71.6em} to {margin: -1.2em 0 0 71.4em} then it displays correctly in Safari.

IV Other browsers:
IE7: not ok
FF2: ok
Opera: not ok

V Nightly tested: 30881
Comment 1 jasneet 2008-03-10 17:15:57 PDT 
Created attachment 19646 [details]
screenshot
Comment 2 jasneet 2008-03-10 17:16:36 PDT 
Created attachment 19647 [details]
reduction
Comment 3 Shane Stephens 2011-07-06 20:48:19 PDT 
The reduction renders the same in FF5 so I'm inclined to believe this was a firefox bug not a webkit bug...