Yeah, I'm thinking the same thing, would be nice to be able to just simply drag it up there.

Anyways, here's what I came up with for now:

1. PersonalToolbar { position:fixed!important; top:0!important; margin:2px 0 0 96px!important; }
2. main-window[sizemode="normal"] #appmenu-button-container { margin-bottom:29px!important; }
3. main-window[sizemode="normal"] #PersonalToolbar { margin: 17px 0 0 2px!important; }

Depending on your Firefox menu button's size, just adjust the values.

EDIT: Figured I probably was too vague as to what to do with that piece of code, so, either put it in your UserChrome.css file or add a new style with Stylish.

Style for Stylish

Go to the "List All Tabs" on the right corner of your tabs, right-click, and choose "Tabs on Top".

Hi, thanks for your reply, but I wasn't talking about the "Tabs on top" but about "bookmarks on top".

This code didn't work for me... :/ Doesn't seem to do anything at all.

1. Right click on your title bar and select Customize...
2. Your Bookmarks Toolbar should appear. Left click and drag Bookmarks Toolbar Items either to the left or to the right of your tabs bar.
3. Select Done

• Notes:

You may have to adjust your icons such as New Tab as it may be be moved to a different spot if not placed properly. You can adjust them back to where they were by default or wherever you want them by going back to Customize...

download this:

https://addons.mozilla.org/en-us/firefox/addon/personal-titlebar/

it's called "personal titlebar" and it does exactly what you need. I put my bookmarks and the menus to the top and tabs to the very bottom where they belong