Bug 17755

Summary:

incorrect spacing and positioning of images because of margin and padding

Product:

WebKit

Reporter:

jasneet <jasneet>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

jasneet, shanestephens

Priority:

Keywords:

HasReduction

Version:

528+ (Nightly build)

Hardware:

OS:

Windows XP

URL:

http://voila.fr/

Attachments:

Description	Flags
screenshot	none
reduction	none

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...