Alan Gresley wrote:
What is happening in FF is that the default margin-top (1em) of p.effect is growing in height along with the font-size. Give this element an absolute value of margin-top but not in ems. You can also make the CSS a lot more simpler by using the shorthand 'transition: all 5s'.
Ah, yes, your explanation makes perfect sense. Fixed that with "margin-top: 0;" since I wanted to control margin spacing with bottom-margin on elements.
I also took your advice and shortened the CSS considerably with "transition: all <time> ease-out;" for both the :hover and :not(:hover) states (the time is different for these two transitions -- 2s when you hover, 5s when you no longer hover). I can shorten further by losing the browser-specific prefixes as browsers implement transition.
Thanks for the tips and explanation. ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
