#PlacesToolbarItems {
  position: relative;
  top: -2px !important;
}

I keep a few bookmarks that I access regularly at the top of my FireFox browser. The problem is that there is a 2 pixel space gap in-between the top margin of the screen and the bookmark toolbar. Please see the image attached to quickly understand what I am talking about. I would like to know if there's any way to remove this gap. It's not about any aesthetic appearance, but the fact that many times I find myself clicking inside that gap when trying to access a bookmark, and because of this the bookmark is not opened (unless I move the mouse pointer a little lower and click again). I can control this toolbar by using the '#PlacesToolbarItems' CSS instruction, but for some reason I cannot reposition it using a code like the one below. #PlacesToolbarItems { position: relative; top: -2px !important; } Any idea about how to remove that gap so that the bookmark icons can be accessed even if the cursor pointer sits at the very top of the screen when they are clicked? Thank you! Alexander