Bug 624936 - Cannot close tab group if it has certain size because 'rename' field pops up and overlays close button [r=ian, a=beltzner]

browser/themes/gnomestripe/browser/tabview/tabview.css

@@ -228,6 +228,10 @@ html[dir=rtl] .groupItem.activeGroupItem {
     rgba(0,0,0,0.8) -2px 2px 8px;
 }
 
+.groupItem .close {
+  z-index: 10;
+}
+
 .phantom {
   border: 1px solid rgba(190,190,190,1);
 }

browser/themes/pinstripe/browser/tabview/tabview.css

@@ -222,6 +222,10 @@ html[dir=rtl] .groupItem.activeGroupItem {
     rgba(0,0,0,0.8) -2px 2px 8px;
 }
 
+.groupItem .close {
+  z-index: 10;
+}
+
 .phantom {
   border: 1px solid rgba(255, 255, 255, 0.5);
 }

browser/themes/winstripe/browser/tabview/tabview.css

@@ -251,6 +251,10 @@ html[dir=rtl] .groupItem.activeGroupItem {
     rgba(0,0,0,0.8) -2px 2px 8px;
 }
 
+.groupItem .close {
+  z-index: 10;
+}
+
 .dragRegion {
   background: rgba(224, 234, 245, 0.4);
 }