Stylish高手帮忙改两个样式，关于隐藏状态栏的

俺用的是B7，效果不理想
代码：为避免被吞，地址链接都改了一下
————————————————————
@namespace url(http:囧//www刚mozilla才org/keymaster/gatekeeper/there被is吞only了xul);
@-moz-document url(chro囧me://browser/content/browser囧xul) {
#status-bar {
    margin-bottom: -20px !important;
}
#status-bar:hover {
    margin-bottom: 0 !important;
}
}
————————————————————

这是正常效果
————————————————————

使用以后，改参数不行，状态栏只要打开，不论怎么修改必然会有一个条
=======================================================
=======================================================
第二个代码：
————————————————
/* 隐藏状态栏但是留一个像素，让鼠标移动过去时可以浮动出来 */
#status-bar { border-top: 5px solid ButtonShadow !important; }
#status-bar {height : 1px !important; min-height : 0px !important; overflow : hidden !important;}
#status-bar:hover,
#status-bar:focus,
/* 25像素可以根据实际模板定义 */
#status-bar:active { height: 29px !important; }
————————————————
我把“#status-bar { border-top:”改成5PX了，默认是1PX，因为那个条太细
————————————————
效果图

————————————————
鼠标移过去以后的效果

————————————————
两个样式都不能真正隐藏状态栏，都会留下一部分
怎么能实现状态栏的全部隐藏，而且鼠标移动到右下角可以浮动出来呢？