* (bug 27230) Alignment fix for Vector watch tab icon spinner in IE 7

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.

diff --git a/skins/vector/screen.css b/skins/vector/screen.css
index 27c46c1..054a418 100644 (file)
--- a/skins/vector/screen.css
+++ b/skins/vector/screen.css
@@ -1173,7 +1173,7 @@ div#bodyContent {
 #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 {