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
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:
Reported: 2008-03-10 17:15 PDT by jasneet
Modified: 2011-07-06 20:48 PDT (History)
2 users (show)

See Also:

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

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

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]
Comment 2 jasneet 2008-03-10 17:16:36 PDT
Created attachment 19647 [details]
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...