[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>');

[camelrafal]

skorzystaj z funkcji jquery append

[cryptarithm]

skorzystaj z funkcji jquery append

Nie zadzialalo, ale jestem 100% pewien ze to CSS, bo skasowalem na moment css do elementu <a> i sie pojawilo w FireFoxie ale bez stylu sam text.

EDIT:

Problem jest z "position: fixed" . niewiem co zrobie z tym.

[camelrafal]

a obrazki masz dobrze??
może zrób bezwzględną ścieżkę /images/next.png

---

przeciez firefox obsługuje fixed

zrób sobie tylko test.html i w nim :

Kod:

<style>
.bx-next {
    
     position:fixed;
     font-size: 0px;
     height: 100px;
     width: 100px;
     background: red;
     z-index: 9000000;
     margin-left: 1000px;
     margin-top: 95px;
}
</style>
<a class="bx-next">cos tam</a>

[cryptarithm]

naprawilem to juz , zrobilem osobnego DIV'a w ktorym zamiescilem te dwa elementy. I ustawilem tego diva gdzie chcialem. Dziwny problem no ale nigdy nic nie jest proste.

Dzieki za pomoc!