火狐橙色图标变小。后面空白怎么处理呢？每次运行火狐都要定制才好！

我使用的是CSS。变小的：
代码如下：
    /* 橙色图标 */
    #main-window[chromemargin] #appmenu-button{
      background: transparent no-repeat center center url("chrome://branding/content/icon16.png") !important;
      border: none !important;
      min-width: 20px !important;
      max-width: 20px !important;
      min-height: 20px !important;
      max-height: 20px !important;
      padding: 2px !important;
      box-shadow: none !important;
      margin: 2px 0 0 0 !important;
      margin-left: -2px !important;
      margin-top: 3px !important;
      -moz-box-shadow: none !important;
    }

    #main-window[chromemargin]:not([inFullscreen="true"]) #appmenu-button :-moz-any(.button-text, .button-menu-dropmarker) {
      display: none !important;
    }


看图片。打开火狐默认的。没有定制的。图片：

图片：QQ截图20130117201106.jpg

这样的空白。我发现。只要我右键定制-->完成。

图片：QQ截图20130117201122.jpg

最后空白就没有了

图片：QQ截图20130117201128.jpg

请问下怎么处理了。每次打开火狐不用定制。就没有空白位置呢。