776575 - Opacity/Rounding Bug

Status: RESOLVED DUPLICATE of bug 745549

(Firefox :: Untriaged, defect)

Description

[Joseph Wensley]

User Agent: Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1
Build ID: 20120713134347

Steps to reproduce:

I have a black & white image over top of a colour image that I am fading out on hover.


Actual results:

All the widths are using percentages though and when the opacity changes it seems to change the way the rounding of the widths is done.

DEMO:
http://josephwensley.com/opacity-bug/

If you watch carefully you will see the black and white images shift as they fade out.
The top row is using CSS transitions, bottom is using jQuery's fadeOut and fadeIn.


Expected results:

The black and white image should fade without it's width/height changing.