Safari tabs for Firefox updated

When I last explained how to hack Firefox to get Safari style tabs, there was a missing element – close buttons on each tab. There is an extension to do this called Tab X, but it only seems to work on the Mac when using certain themes, not including the default mac theme. Fortunately, a nice fella called Chad has now created a mac version, which you can install directly from here, and it works a treat.

Safari style tabs for Firefox - with close buttons

There are just a few fixes that need to applied after this. I couldn’t get the preference to hide the tab-bar close button to work. No problem, this just gets added to the userChrome.css file:

/* Tab X mods <strong>/
/</strong> ------------------------------------------------------- <strong>/

.tabs-closebutton-box { /</strong> hides the tab bar close button */ display: none !important; }

Also, when used with the Safari tab styling, the position of the close button is a little too high, but this sorts it out:

.tabs-closebutton {
padding-bottom: 0 !important;
Finally, a separate problem I’d come across was with site favicons. Sometimes I’d get a favicon 16px high but 32px wide – presumably when the 32×32px resource was included in the favicon. This sorts that out:
.tab-icon {
padding-top: 0px !important;
width: 16px;
height: 16px;

If you want a true Safari tab-look with no favicons, use this instead:

.tab-icon {
    display: none !important;

I’ve updated the original download package with these small changes, so let me know if you have any problems.