jQuery / t3s_headerslider - CSS lässt sich nicht anprechen

Hallo Leute,

ich setze die Extension t3s_headerslider ein. Leider ist die ControlNav dort rechtsbündig angeordnet. Ich benötige allerdings eine zentrierte Darstellung. Aus diesem Grund habe ich mit eine eigene JS-Datei geschrieben und die mittels "includeJSFooter.myjavascript=fileadmin/my_t3sheaderslider.js" in TYPO3 eingebunden.
Das seltssame dabei ist, dass die Anweisung "jQuery('.nivo-controlNav').css ..." nicht ausgeführt wird. Zumindest sehe ich keine Anpassung des verwendeten CSS. Zur Kontrolle habe ich versucht, alle A-Tags per CSS anzupassen (siehe Zeile darunter). Dies wiederum funktioniert wunderbar.

Hat jemand eine Idee, was ich falsch mache?

jQuery(document).ready(
  function() {
    var numberImages = jQuery("#t3sheaderslider img" ).length;
    var bulletWidth = 10;
    var margin = - ( (numberImages * bulletWidth) / 2 );
    jQuery('.nivo-controlNav').css('margin-left', margin+'px');
    jQuery('a').css('border','1px solid red');
  }
)

Lass dir doch mal mit window.console.debug(margin); ausgeben, ob überhaupt margin einen vernünftigen Wert hat.

PS: es ist Firebug notwendig!

margin liefert den Wert "-15" zurück.

Einen kleinen Schritt bin ich jetzt weiter, was die Fehlereingrenzung betrifft. So wie es scheint, kann ich lediglich die Klasse "nivo-controlNav" nicht ansprechen. Andere Klassen haben dieses Problem nicht.