1 pixel shift right for hover state shape box
Hi folks. I have an odd little glitch that I was wondering if anyone else has encountered - and more importantly resolved. :)
I have an image that I am using as a button and when the user hovers over it a shape animates into view with the button label text in it and then fades away once the mouse moves away. It all works well and looks nice.
However, if the user hovers over the image button, the text shape rollover reappears but then shifts (perceptibly) by one pixel to the right. It will fade on hover-out but always reappear in the new position each time there is a hover over.
If the user keeps doing this then the text shape will eventually shift off screen.
It happens even if the shape has no text in it.
I have searched the discussions but cannot seem to find anything similar. I'm actually at a loss at how to phrase the problem succinctly.
Any help would be greatly appreciated. It's not a major concern but it's a glitch I have noticed and would love to know why the object "jumps" every time it is animated.