一个关于前进后退的UI修改问题

根据jiahuiqu提供的一个脚本简化来的希望他不要介意，然后有两个问题：
1. 鼠标移动到前进后退的时候没有可以前进和后退的标签页的时候怎么把那个框去掉，只有可以前进或者后退的时候才有那个框。
2. 似乎前进的那个有问题，当出现框框的时候会多出一个像素来，然后把整个工具栏都向右推了一点点。后退和主页那个都是没有问题的。具体可见见下图的中间一个图和右边一个图
楼主对脚本的认识是处于初等阶段，所以希望能有个稍微明白点的解决方法，当然最后直接给我弄好的脚本……谢谢大家了

toolbar[iconsize="small"][mode="icons"] #back-button{
padding-left: 5px !important;
padding-right: 5px !important;
margin-left: 5px !important;
margin-right: 0px !important;
background: none !important;
box-shadow: none !important;
border-color: transparent !important;
}

toolbar[iconsize="small"][mode="icons"] #forward-button ,
toolbar[iconsize="small"][mode="icons"] #home-button{
padding-left: 5px !important;
padding-right: 5px !important;
margin-left:5px !important;
margin-right: 0px !important;
background: none !important;
box-shadow: none !important;
border-color: transparent !important;
}


/*back-button, forward-button, home-button*/
toolbar[iconsize="small"][mode="icons"] #home-button:not(:active):hover,
toolbar[iconsize="small"][mode="icons"] #back-button:not(:active):hover,
toolbar[iconsize="small"][mode="icons"] #forward-button:not(:active):hover {
background-color: rgba(255,255,255,.5) !important;
border: 1px solid #d0d0d0 !important;
border-radius: 5px 5px 5px 5px !important;
-moz-transition: background-color .2s ease-in, border-color .1s ease-in !important;
}