270937 - CSS'd background-images don't move when something is JS-resized

Status: RESOLVED WORKSFORME

(Firefox :: General, defect)

Description

[Philip Withnall (unavailable)]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

If you click the expand button for a blog entry (after expanding the blog
itself) - (which displays an extra div, therefore making the blog container
bigger) - the icons to view the comments and add a comment for every blog entry
don't move down to align with their respective blog titles. They only do this on
mouseover, when the CSS is recalculated to change the opacity.

Reproducible: Always
Steps to Reproduce:
1. Load up http://drbob.tomjepp.co.uk/ (yes, it is my webpage ;-P)
2. Expand the blog container (top-right)
3. Expand any blog entry
4. Watch in amazement as the background-image'd icons don't budge

Actual Results:  
The background-image'd icons (the image is specified in the CSS) don't move to
stay in line with their respective blog entry titles.

Expected Results:  
The background-image'd icons should move to stay in line with their respective
blog entry titles.

The icon images are specified in the CSS with the background-image attribute so
that themeability is easier. For more reference on this topic, see the titlebar
of mozilla.org, or csszengarden.com

Comment 1

[Jesse Ruderman]

Looks like the page has changed.  Please reopen if you can attach a version of
the page that shows the bug (for example, by pulling it out of archive.org).