I agree that it is not necessary, but that's not a default feature in Firefox these days. What add-on [or code] are you using to move the Tabstrip to below the Bookmarks Toolbar?

The solution will lie in that extension or the code being used.

the-edmeister said

What add-on [or code] are you using to move the Tabstrip to below the Bookmarks Toolbar?

It's the following style code which I found somewhere on Internet and added to userChrome.css:

#TabsToolbar{-moz-box-ordinal-group:10000!important}

Add code to the userChrome.css file below the default @namespace line.

• http://kb.mozillazine.org/userChrome.css

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#TabsToolbar { -moz-box-ordinal-group:10000!important; margin-top:-1px!important; }

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

• http://kb.mozillazine.org/Editing_configuration

No luck.

I replaced the code I had added with this new code provided by cor-el. Restarted Firefox. But that bar delimiting line is still there. I even tried -4px for margin-top. But no good, either.

BTW, when I use Firefox 34.0.5 to browse this forum, on every page there is a huge gap between the first posting and the first reply, See the attached full-screen screen shot. I tried, from Options > Content, reducing the global font size from the default 16 to 10 and not allowing pages to use their own font sizes. But the gap did not disappear. What's wrong?

That gap does not exist when I use IE9.

That large gap is because you have expanded all the menus in the sidebar. The first reply starts below the Related section and closing that last section should be sufficient in this case to make the gap much smaller. If not then close other large sections that you do not need as well.

Note that the closed/expanded state is stored in local DOM storage and not in a normal cookie.

The code in userChrome.css works for me.

Does other code that you put in the file work?

#urlbar .textbox-input-box,
#search-container .textbox-input-box,
#FindToolbar .textbox-input-box {
 font-size: 13pt !important;
 font-family: monospace !important;
}

cor-el said

That large gap is because you have expanded all the menus in the sidebar.

First thing tomorrow moring - I'll go and get a lobatomy!

The code in userChrome.css works for me. Does other code that you put in the file work?

Every piece of code I put in userChrome.css works well.

#urlbar .textbox-input-box,
#search-container .textbox-input-box,
#FindToolbar .textbox-input-box {
 font-size: 13pt !important;
 font-family: monospace !important;
}

Why do you give me the above codes? They don't seem to be relevant for the removal of the bar delimiting line. But I tried them anyway, to no avail.

I posted that code so you can check if the userChrome.css file is working. If it does then you should see that on the location/address bar. If it doesn't work as well then there is a problem with the userChrome.css file.

Did you verify that it is a .css file (type: Cascading Stylesheet) and not a text file with an hidden .txt file extension?

Your codes do work, as the two attached screenshots can indicate.

And all other codes in userChrome.css work well, too. So, there should be no problem with userChrome.css.

Your Tab bar doesn't look standard.

Did you check the code with the default theme if you currently use a custom theme?

(note that you can still use the code with a smaller font size if you like the monospace font; I do prefer this to make it easier to click the mouse)

You are right. I don't use the Default theme. Instead, I use the FXChrome theme 34.8.

But I have tried rolling back to the Default theme, disabling all the extensions (incl. Stylish, Greese Monkey, userChromeJS) and removing every code line in userChrome.css except those you gave me for hiding the bar delimiting line.

Still not works.

I'm on Linux, so I don't know if this is coded differently on Windows.

cor-el,

i still thank you for reaching out.

But I can't help but thinking that it's the FXChrome theme which adds the delimiting/border line...

See the attached screenshot.

I corresponded with the author of the FXChrome theme. I was instructed to add the following code to userChrome.css.

#navigator-toolbox::after { height: 0px !important; }

Now that unnecessary delimiting (border) line disappears.