CSS background images don't print properly, they are shifted down

• Component: Printing
• Status: NEW ---

[John Sullivan]

This bug is also in Radar as <rdar://4469664>

* SUMMARY
When viewing a page in Safari which contains a background image defined by CSS, the images appears correctly on screen, but shifted up/down from its original position in print preview.

* STEPS TO REPRODUCE
1. Download the attached HTML and PNG.
2. Open bug.html in Safari.  You should see a table with 2 cells: the top one has a background image.
3. File > Print...
4. Choose the "Safari" printer options in the Print dialog.
5. Make sure that "Print backgrounds" is checked.
6. Click "Preview".

* RESULTS
In comparing the Safari screen with the print preview, notice that the background image behind "foo" has been shifted down roughly 7 pixels.  The print preview should look exactly like the screen (with the exception of page headers/footers).

* REGRESSION
I noticed this while trying to develop a print CSS for an existing page.  I added the background image to give the table's head cells visual contrast from the rest of its cells.  I tried specifying the background image position with no luck.  I build a stripped-down web page and style to isolate the problem.  I have attached that bare-bones file to this bug and used it to demonstrate the problem.

[John Sullivan]

Created attachment 6990 [details]
zip archive containing HTML file and PNG

Here is the test case mentioned in the bug description.