[CSS] [JQUERY] [FIREFOX] <a> element sie nie pojawia

[cryptarithm]

Mam taki problem, jquery mi tworzy <a> element na stronie ktory dziala doskonale w Chrome ale w FireFox juz nie, wogule sie nie pojawia ale jak sprawdzam kod na stronie to pisze ze jest. Uwazam ze moze byc problem z css? dam kod css ktory odpowiada za ten element..

Kod:

/*--- SLIDE BUTTONS --*/


.bx-next {
    
    position:fixed;
    font-size: 0px;
    height: 100px;
    width: 100px;
    background: url(../images/next.png) no-repeat;
    z-index: 9000000;
    margin-left: 1000px;
    margin-top: 95px;
}

.bx-prev     {
    font-size: 0px;
    height: 100px;
    width: 100px;
    background: url(../images/prev.png) no-repeat;
    position:fixed;
    z-index: 900000;
    margin-left:10px;
    margin-top: 95px;
}

Oraz dodam kod jquery ktory tworzy ten <a> element:

Kod:

function showControls(nextType, nextContent, prevType, prevContent){
            // create pager html elements
            var $nextHtml = $('<a href="" class="bx-next"></a>');
            var $prevHtml = $('<a href="" class="bx-prev"></a>');