Bug 887621 - add checked css state for navbar buttons. r=bbondy

browser/metro/theme/browser.css

@@ -402,7 +402,7 @@ appbar[visible] {
   -moz-image-region: rect(0 80px 40px 40px);
 }
 
-#toolbar > .appbar-primary:not([checked]):active {
+#toolbar > .appbar-primary[checked] {
   -moz-image-region: rect(0 120px 40px 80px);
 }
 
@@ -410,6 +410,10 @@ appbar[visible] {
   -moz-image-region: rect(0 160px 40px 120px);
 }
 
+#toolbar > .appbar-primary:active {
+  -moz-image-region: rect(0 120px 40px 80px);
+}
+
 @media (min-resolution: 130dpi) {
   #toolbar > .appbar-primary > .toolbarbutton-icon {
     width: 40px;
@@ -424,13 +428,17 @@ appbar[visible] {
     -moz-image-region: rect(0 112px 56px 56px);
   }
 
-  #toolbar > .appbar-primary:not([checked]):active {
-    -moz-image-region: rect(0 168px 56px 112px);
+  #toolbar > .appbar-primary[checked] {
+    -moz-image-region: rect(0 224px 56px 168px);
   }
 
   #toolbar > .appbar-primary[checked]:hover:not(:active) {
     -moz-image-region: rect(0 224px 56px 168px);
   }
+
+  #toolbar > .appbar-primary:active {
+    -moz-image-region: rect(0 168px 56px 112px);
+  }
 }
 
 /* Page-Specific */