Firefox - userChrome.css

[Ecchin]

Boas meus caros.
Tenho andado estes dias a configurar o userChrome.css do Firefox. Para quem não sabe, este ficheiro CSS permite alterar o layout do Firefox manualmente. Estou principalmente interessado neste momento em colocar as tabs do FF da maneira que pretendo. (Video o seu aspecto actual: http://i54.tinypic.com/295sfc.png)
O que estou a ter mais dificuldade é em saber os nomes dos elementos. Por exemplo, há qualquer coisa a afetar o aspeto das "pinned tabs", ora vejam:

Quando abro muitas abas, aparecem as setinhas laterais para fazer scroll, e a "pinned tab" é empurrada para cima. Já consegui corrigir isso um vez, aumentando "height" na class da pinned tab, mas depois cada vez que abria uma aba, ela andavam aos pulos. Alguém com experiência nisto por estas bandas? O código atual encontra-se a seguir.

Código:

.tabbrowser-tab[fadein]:not([pinned]) {
    
min-width: 40px !important;
max-width: 40px !important;
font-size: 0pt;
height: 30px;
}

.tabs-closebutton {
display: none !important;
}

#urlbar {
max-width: 600px !important;
min-width: 400px !important;
height: 30px;
}

/* .scrollbutton-down {
display: none !important;
}

.scrollbutton-up {
display: none !important;
} */

.tab-drop-indicator  {
height: 40px;
}

toolbox#navigator-toolbox > toolbar > tabs > hbox {
display: none !important;
height: 40px
}

.box-inherit scrollbox-innerbox {
height: 40px
}