Probleme mit .css für die Sidebar

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url("chrome://browser/content/bookmarks/bookmarksPanel.xhtml"), 
url("chrome://browser/content/browser.xhtml"),
url("chrome://browser/content/history/history-panel.xhtml") {

#sidebar-box {
    display: block !important;
    position: fixed! important;
    top: 172px !important;
    bottom: 29px !important;
    width: 0px !important;
    overflow-x: hidden !important;
    -moz-appearance: none !important;
    border: 1px solid green !important;
    border-left: 0 !important;
    opacity: 0 !important;
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    z-index: 2 !important;
    }

#sidebar-box:hover {
    width: 330px !important;
    opacity: 1 !important;
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    }

#sidebar-splitter {
    display: none !important;
    }
        
#sidebar-header {
    display: none !important;
    width: 100%;
    border: 0 !important;
    }

#sidebar {
    display: block !important;
    width: 100% !important;
    height: 99%; 
    }

#title { 
    border-top: 1px solid green !important;
    }
    
#search-box {
    -moz-appearance: none !important; 
    background: black !important;
    color: white !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
    border: 1px solid green !important;
    border-radius: 5px !important;
    }

.textbox-input {
    -moz-box-ordinal-group: 1 !important;
    }
.textbox-search-sign {
    -moz-box-ordinal-group: 2 !important;
    fill: rgb(0,200,0) !important;
    }

.textbox-input::-moz-placeholder {
    color: transparent !important;
    }

.sidebar-placesTree treechildren::-moz-tree-image(container, queryFolder_unfiled_____) {
    list-style-image: none !important;
    }
.sidebar-placesTree treechildren::-moz-tree-cell-text(container, queryFolder_unfiled_____) {
    color: transparent !important; 
    font-size: 0 !important; 
    } 
treechildren::-moz-tree-image(container) {
    list-style-image: url("data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=") !important;
    }

}