Bxslider firefox bug a:hover opacity>6 slides

Bxslider firefox bug a:hover opacity>6 slides

by ben74

HTML

<script src="http://a74.fr/!c/fiddle.js?b&amp;dummy=.js"></script>
    <div class=center>
        <div class=test>
            <div class="blur" id=conteneur>
                <div id=typo class=left><a href='#0' class=ombre style='text-shadow:2px 2px 2px #000;'>0</a> - <a href='#10' class=ombre>10</a>

                </div>
                <ul class='bxslider'>
                    <li>
                        
<div class='inline center'><a href='#0'><img alt='' src='//x24.fr/ic_03.png#crea'></a><a href="#3"><img alt='' src='//x24.fr/ic_04.png#seo'></a><a href="#1"><img alt='' src='//x24.fr/ic_05.png#prog'></a><a href="#8"><img alt='' src='//x24.fr/ic_08.png#dbchimie'></a><a href='#11'><img alt='' src='//x24.fr/ic_09.png?1#r83'></a><a href="#9"><img alt='' src='//x24.fr/ic_10.png?1#ram'></a><a href='#13'><img alt='' src='//x24.fr/ic_11.png#backup'></a><a href="#10"><img alt='' src='//x24.fr/ic_06.png#contact'></a><br><a href="#10"><img alt='' src='//x24.fr/bencontact.png?1'></a></div>
</li>
<li>-</li><li>-</li><li>-</li><li>-</li><li>-</li>
<li>-</li>

</ul><br></div></div></div>

CSS

a img:hover{color:#2B0;opacity:0.7;filter:alpha(opacity=70);}
/*.bx-viewport{border-radius:25px;margin:0 0 20px 0px;padding:5px 5px 15px 5px;}*/
/*a:hover img,.test a:hover img{opacity:0.6;filter:alpha(opacity=60);} 
@-moz-document url-prefix(){
  a:hover img{visibility:visible;opacity:1;}
  div:hover ul{visibility:visible;opacity:1;}
  a:hover ul{visibility:visible;opacity:1;}
  a:hover li{visibility:visible;opacity:1;}
  .bxslider{opacity:1;!important}a:hover img{opacity:1;}
}/*= bug for bslider >7 slides
a:hover{visibility:visible;opacity:1;}* 
*/

.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;}
ul.bxslider{margin:0;padding:0;}
/*.bx-wrapper img{max-width:100%;display:block;}* THEME .bx-pager-link
===================================*/

.bx-wrapper .bx-viewport {-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;left: -5px;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;width:100%;bottom:-30px;}
/* LOADER 
.bx-wrapper div.bx-controls.bx-has-pager.bx-has-controls-direction  div.bx-pager.bx-default-pager*
*/
div.bx-controls.bx-has-pager *{margin:-5 0px;padding:-5 0px;}
.bx-wrapper .bx-loading {
	min-height:10px;
	background:url(http://x24.fr/bx_loader.gif) center center no-repeat #fff;
	height: 100%;width: 100%;top: 0;left: 0;
	position: absolute;
	z-index:2;
}

/* PAGER */

.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;#zoom:1;#display: inline;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px;background: url(http://x24.fr/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px;background: url(http://x24.fr/controls.png) no-repeat -43px -32px;}
.bx-wrapper...

JavaScript

var has,curslide=0,siH=setInterval("hash()",200),sii=setInterval("bxinit()",200);

function hash(){
  if(window.location.hash){if(typeof(slider)!='object')return;
    has=window.location.hash.substring(1);if(!isNaN(has)&& has!=curslide){clog(has);slider.goToSlide(has);curslide=has;}}
}
function buildslider(x){clog('buildslider');
  if(typeof(slider)=='object')return;var y=$('.bxslider');clearInterval(sii);//console.log(y,x+':'+typeof(slider)+slider);
  slider=y.bxSlider({mode:'horizontal',speed:500,adaptiveHeight:true,controls:true,pager:true,touchEnabled:false});
  //if(typeof(slider)!='object')slider=1;//clog('slider:'+typeof(slider));
}
function bxinit(){
  if(typeof($)=='function')$(document).ready(function(){buildslider('docre'+gt(2));});
  jQuery(document).ready(function($){buildslider('jquer'+gt(3));});
}