[Webkit-unassigned] [Bug 21778] New: background image is showing twice because of padding-top

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=21778

           Summary: background image is showing twice because of padding-top
           Product: WebKit
           Version: 525.x (Safari 3.1)
          Platform: PC
               URL: http://football.tomsk.ru/
        OS/Version: Mac OS X 10.5
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: jon at chromium.org


Add OK or FAIL after other browsers where you have tested this issue:
     Safari 3: OK
    Firefox 3: OK
         IE 7: OK

What steps will reproduce the problem?
1. Just open http://football.tomsk.ru/

NOTE: Safari 3.1 : Not OK

The issue is caused by the padding-top in the <div> that is currently set to
157px. 
Chrome and Safari adds the top padding of 157px and thus, it fills up the
<div>'s 
remaining space with the same background image.

As with Firefox, there's only one image because they have added the style
   -moz-box-sizing: border-box;
to automatically calculate the width and the height of the <div>. border-box
means "The width and height properties include the padding and border, but not
the margin" as stated in http://developer.mozilla.org/en/CSS/-moz-box-sizing

Opened against Chromium see
http://code.google.com/p/chromium/issues/detail?id=1632 for reductions.


-- 
Configure bugmail: https://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.