【求助】怎么让橙色按钮贴到屏幕顶端？

怎么让橙色按钮贴到屏幕顶端，而标签不贴到最顶端？现在橙色按钮离最上面总是有点距离

我的css：

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Tab bar left and right padding */
/* Adjust according to the size of your Firefox button and window controls */

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar { 
  -moz-padding-start: 9.5em !important;
  -moz-padding-end: 6.5em !important;
}

/* Fix Firefox button position and height */

window[sizemode="maximized"] #titlebar-content {
  padding-top: 2px !important;
  padding-bottom: 6px !important;
}

#main-window[sizemode="maximized"] #appmenu-button {
  margin-top: -5px !important;
  width: 40px !important;
  background-size: 100% !important;
  padding-top: -4px !important;
  padding-left: 2px !important;
}

#main-window[sizemode="normal"] #appmenu-button {
  padding-top: 0px !important;
  padding-bottom: 3px !important;
}

/* Move the tab bar in the title bar when maximized */

window[sizemode="maximized"]:not([inFullscreen]) #navigator-toolbox[tabsontop="true"] #TabsToolbar {
  margin-top: -26px !important;
  margin-left: -35px !important;
  -moz-box-ordinal-group: 1 !important;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #appmenu-button-container { 
  position: fixed !important;
  z-index: 1;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #titlebar-buttonbox { 
  position: relative !important;
  z-index: 1;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #TabsToolbar { 
  position: relative !important;
  background-color: transparent !important;
}

/* Fix tab styling for the dark background */


#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #alltabs-button[type="menu"] {
  list-style-image: url("chrome://browser/skin/appmenu-dropmarker.png") !important;
  -moz-image-region: rect(0, 9px, 7px, 0) !important;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #alltabs-button[type="menu"] image {
  opacity: 0.7 !important;
  margin-top: 4px !important;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabbrowser-tab:not([selected="true"]),
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabs-newtab-button,
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar > #home-button {  
  background-image: -moz-linear-gradient(hsla(0,0%,80%,.6), hsla(0,0%,75%,.4) 50%, hsla(0,0%,70%,.4) 51%) !important;
  text-shadow: white 0 0 2px;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabbrowser-tab:not([selected="true"]):hover,
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabs-newtab-button:hover,
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar > #home-button:hover {  
  background-image: -moz-linear-gradient(hsla(0,0%,100%,.8), hsla(0,0%,90%,.6) 50%, hsla(0,0%,85%,.6) 51%) !important;
}

#main-window[sizemode="normal"] #appmenu-button {
里加margin-top: -2px !important;  -2要调整。

#appmenu-button-container {margin-top: -1px !important; }

搞定了，谢谢~~~

这样的话！Tab Groups按钮显示有问题。最大化时同最小化按钮重叠了。有什么方法可以解决

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar {
  -moz-padding-start: 9.5em !important;
  -moz-padding-end: 6.5em !important;
}

 -moz-padding-end: 6.5em   把6.5改大一点，改为合适的值，例如9