如何修改这个侧边栏脚本可以拖动拉伸其宽度？

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



#sidebar-box {min-width:0;  max-width:1px!important;  overflow-x: hidden !important;}



#sidebar,#sidebar-title,#sidebar-box .tabs-closebutton {visibility:hidden;}



#sidebar-box:hover {max-width:none!important;}



#sidebar-box:hover #sidebar,#sidebar-title,#sidebar-box .tabs-closebutton {visibility:visible;}



#sidebar-splitter {border-width: 0px!important; min-width: 0!important; max-width: 0!important;}



#sidebar-box:hover + #sidebar-splitter {border-width: 0 1px!important; min-width: 4px!important; max-width: 4px!important;}




自动隐藏侧边栏的CSS代码。
但是有个问题是，当鼠标悬停到侧边栏边缘出现左右箭头<－>的时候，侧边栏自动缩回去，无法拉伸。
希望可以方便地拉伸侧边栏来调节宽度。
谢谢