jquery code worksin firefox but neither in ie nor chrome
===

i am creating a jquery animation with lots of effects and responsive to some of users actions but code works fine with firefox and not in ie or chrome here is my code

    

        (function($) {
                $(document).ready(function() {
    				$('#wires').effect("shake", { times:3000,  distance:31,  }, 300);
    				$('#wires').css('z-index','-1');
    				$('#baccha').css('z-index','99999999999999999999');
    				$("#saman1").live('click',function(){
    								$('#i1').attr('src','char2.gif');$('#i1').addClass('run');$('#i1').removeClass('stand');
    					});
    				$("#bird").live('click',function(){
    								$('#i1').attr('src','char1.gif');$('#i1').addClass('stand');$('#i1').removeClass('run');
    					});
    				$('#wires').sparks([
        {
            number: 10,
            speed:  5,
            img:    'spark.png'
        }
    ]);
                    
                
                    $('#bird')
                        .sprite({
                            fps: 3, 
                            no_of_frames:3,
                            start_at_frame: 1,
                           
    					   
                        })
    					 $('#light')
                        .sprite({
                            fps: 20, 
                            no_of_frames:3,
                            start_at_frame: 1,
                           
    					   
                        })
                       
                    
                });
            })(jQuery);
    
in ie my wires div is hidden its nowhere i tried blank bg i could not see it and if i put z-index 0 then it will come front of baccha div which hides everything and in chrome my click function is not working i am getting some error resource interupted text/plain thing if you want i will post the error