Bxslider firefox a:hover img opacity

Bxslider firefox a:hover img opacity ok for 6 slides

by ben74

HTML

<link rel="stylesheet" href="http://x24.fr/!c/jquery.bxslider.css">
<link rel="stylesheet" href="http://benjaminfontaine.fr/bf.css">
<script src="http://a74.fr/!c/fiddle.js?a&amp;dummy=.js"></script>

    <div class=center>
        <div>
            <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='test inline center'>tests
                            <br>
                            <img alt='' src='//x24.fr/ic_03.png#crea'><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>

                            <img alt='' src='//x24.fr/ic_11.png#backup'><a href="#10"><img alt='' src='//x24.fr/ic_06.png#contact'></a>

                            <br>
                        </div>
                    </li>
                    <li>
                        <div class='test inline center'>tests
                            <br>
                            <img alt='' src='//x24.fr/ic_03.png#crea'><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>

                            <img alt='' src='//x24.fr/ic_11.png#backup'><a href="#10"><img alt='' src='//x24.fr/ic_06.png#contact'></a>

                            

                        </div>
                    </li>
                    <li>
                        <div class='test inline...

CSS

a img:hover {
    color:#2B0;
    opacity:0.7;
    filter:alpha(opacity=70);
}
/*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;}* 
*/