[Ajax/Jquery] Z-index su loading-image

[Felino]

Salve a tutti,
sto utilizzando un semplicissimo script che mi permetta di visualizzare l'immagine di Loading su ogni chiamata Ajax.

Così ho scritto:
HTML:

<div id="loader">
               <div id="loading-image"></div>
</div>

CSS:

#loader
{
    display: none;
    background-image: url(../images/ajax-loader.gif);
    width:32px;
    height: 32px;
    position: fixed;
    text-align:center;
    z-index:9999;
    overflow: auto;
}
#loading-image {
  position: absolute;
  z-index: 99999;
}

AJAX:

$.ajax
    ({
        url: url,
    type: 'POST',
    data: {id: post},
    success: function(data) {
        jQuery("#result").html(data); 
},
        beforeSend: function () {
            $('#loader').show().css({ 'z-index': 99999 });
        },
        complete: function () {
            $('#loader').hide();
        }
    });

Funziona tutto bene, l'unico problema è lo z-index del div id="loader", viene settato automaticamente un z-index: -9999.

Come mai?

Grazie.