UserChrome.css

You can use these hacks to change the appearance of Firefox by hiding menus, hiding the separator bars, removing menus or even move the tabbar to the bottom.

This file does not exist by default, so you will have to create it yourself the first time. If you can’t find the location in the chart I give you, make sure you are able to view your hidden folders/files, since I know XP for sure hides them.

To create the userChrome.css file in windows: Open a text editor (notepad or wordpad) and save the file as "userChrome.css" into a directory listed below according to the OS your using. To edit userChrome.css after it’s created just right click on the file and select ‘Edit’, then edit the file using wordpad or notepad.

Locations to create the userChrome.css file:
95/98/ME — c:\windows\Application Data\Phoenix\Profiles\[profile-name]\[#s].slt\chrome\
NT — %UserProfile%\Application Data\Phoenix\Profiles\[profile-name]\[#s].slt\chrome\
2000/XP — C:\Documents and Settings\[USER]\Application Data\Mozilla\Firefox\Profiles\default.tea\chrome\
*NIX — ~/.phoenix/[profile-name]/[#s].slt/chrome/

Now that thats out of the way it’s time to customize Firefox behind the scenes. All you have to do is copy and paste these settings on a new line in the userChrome.css file and save the file. Next time you open up Firefox the settings will be applied until you delete the setting out of the userChrome.css file.

Read More @ Firefox - Tips & Tricks