168271 - Image set in style sheet does not display in Mozilla 1.1

Status: VERIFIED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Jeremiah McElroy]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.1) Gecko/20020826
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.1) Gecko/20020826

An image (.gif) is referenced in an external style sheet to be used as a
background.  The page is written in ASP.NET and the style sheet is dynamically
being generated by ASP.NET.  In IE 6.0 and Opera 6.04, the green bar has a
lighter top border and a dark border.  

If you scroll to the bottom of the page and scroll back to the top, you can see
that part of the background image is being rendered about 5 pixels off from
where it should be rendered.

This was also reproduced by saving all files statically to a local folder and
loading from there.

Reproducible: Always

Steps to Reproduce:
1. Open browser
2. Navigate to net.studentallies.com/moz
3. Wait for page to render

Actual Results:  
Background was not displayed over green bar.

Expected Results:  
Render a background image over the green bar.

Comment 1

[Eric A. Meyer (dead account)]

The problem seems to be here:

    background: #399c00 url("/images/banner-green-back.gif") fixed top left
repeat-x;

Take out the 'fixed', which positions the background with respect to the browser
viewport, not the element.  IE gets this wrong.  I believe this report is
invalid, unless there's something else I missed.

Comment 2

[Jeremiah McElroy]

Close due to operator error.  Problem Exists Between Chair And Keyboard.  

Comment 3

[Jeremiah McElroy]

Couldn't the "spastic" behavior of the gif when scrolling to the bottom of the 
document and then back to the top be considered a rendering issue?

Comment 4

[Jeremiah McElroy]

My concern here lies in the re-done version of the page that is available at 
http://net.studentallies.com/moz

The page renders as anticipated initially, but after scrolling down, it renders 
as it should.  If a window is dragged over the GreenDiv then it re-renders that 
portion of the screen correctly.  This behavior is also repeated.

Comment 5

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

The rendering of the page seems reasonable (given the 'fixed') except that I'd
expect the background position ('top left') to be relative to the viewport
rather than the element.

Ian?

Comment 6

[Eric A. Meyer (dead account)]

There are indeed fixed-attachment background problems, but I'm not seeing what
you describe, personally.  I'm on a Mac, though, so maybe it's platform
specific.  If you think there is a bug, file a new one on the actual problem
you're seeing.  Meanwhile I'm going to go file a bug on the fact that
fixed-attachment background get horribly distorted on my Mac.

Comment 7

[Hixie (not reading bugmail)]

http://net.studentallies.com/moz WORKSFORME on Windows 2000 nightly trunk.

David: The image is tall; it _is_ aligned to the viewport. At least for me it is.