タブ上にマウスオーバーしたらサイトアイコンを「タブを閉じる」ボタンにするユーザースタイルシート

こんな感じのやつ

Firefox 2 用

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url(chrome://browser/content/browser.xul) {
  .tabbrowser-tab > .tab-image-middle {
    -moz-box-ordinal-group: 10 !important;
  }
  .tabbrowser-tab > .tab-image-right {
    -moz-box-ordinal-group: 100 !important;
  }
  .tabbrowser-tab:hover > .tab-image-middle > .tab-icon {
    visibility: collapse !important;
  }
  .tabbrowser-tab > .tab-close-button {
    display: -moz-box !important;
    visibility: collapse !important;
  }
  .tabbrowser-tab:hover > .tab-close-button {
    visibility: visible !important;
  }
}

Firefox 3 (trunk) 用

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url(chrome://browser/content/browser.xul) {
  .tabbrowser-tab > .tab-icon-image {
    -moz-box-ordinal-group: 10 !important;
  }
  .tabbrowser-tab > .tab-text {
    -moz-box-ordinal-group: 100 !important;
  }
  .tabbrowser-tab:hover > .tab-icon-image {
    visibility: collapse !important;
  }
  .tabbrowser-tab > .tab-close-button {
    display: -moz-box !important;
    visibility: collapse !important;
  }
  .tabbrowser-tab:hover > .tab-close-button {
    visibility: visible !important;
    margin: 0px 3px 0px 7px !important;
  }
}

ふと思いついて書いてはみたものの常用するかは未定