dynamisches padding-left

[Chris]

Hallo

Ich hab ein seltsames - oder auch nicht :-) - Problem

Ich möchte bei dieser Class (jQuery) ein dynamisches padding-left einfügen:

  
<div class="jCarouselLite"></div>  

und benütze dafür folgenden js code (im header):

  
<script type="text/javascript">  
	//  
	if (navigator.appName.indexOf('Netscape') != -1) { FensterBreite = self.innerWidth }  
	else if (navigator.appName.indexOf('Microsoft') != -1) { FensterBreite = document.body.clientWidth };  
	var breite = 960;    // Bildbreite  
	var padding = (FensterBreite-breite)/2;  
	console.log(padding);  
	document.write(padding);  
	$(function(){  
		$('.jCarouselLite').css('padding-left',padding+'px');  
	 });  
</script>

aber es funzt einfach nicht!!!
es sei denn (und das ist jetzt komisch) wenn ich den firebug aktiviere ...

was is'n da los?
bzw: was mach ich falsch?

bitte um hilfe
Danke