[Webkit-unassigned] [Bug 17755] New: incorrect spacing and positioning of images because of margin and padding

[bugzilla-daemon at webkit.org]

http://bugs.webkit.org/show_bug.cgi?id=17755

           Summary: incorrect spacing and positioning of images because of
                    margin and padding
           Product: WebKit
           Version: 525+ (Nightly build)
          Platform: PC
               URL: http://voila.fr/
        OS/Version: Windows XP
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: help.improve.webkit at gmail.com
                CC: help.improve.webkit at gmail.com


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


-- 
Configure bugmail: http://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.