The CSS for the loading tab had:
background-position: center 60%;
The 'center' apparently worked for other browsers, but in IE7 it was getting a bit off, and threw the image over a few pixels.
'center' keyword here is allegedly equivalent to 50% which I also tried, but with the same results.
Instead, using the same fixed position that we specify for the regular rest-state icon works:
background-position: 5px 60%;
Resulting looks ok for me in:
* IE 6 / XP
* IE 7 / XP (fixes regression)
* IE 8 / XP
* Firefox 4b10 / Linux
Shouldn't hurt anything else.
#ca-watch.icon a.loading {
/* @embed */
background-image: url(images/watch-icon-loading.gif);
- background-position: center 60%;
+ background-position: 5px 60%;
}
#ca-unwatch.icon a span,
#ca-watch.icon a span {