My cycle plugin works in firefox, but not in safari. In safari it just loads the last image and just sits there doing nothing.

I decided to put the plugin script into the jquery.js file and I also put the transition code in there which is

Code:
$('#slide').cycle({ 
    fx:    'fade', 
    speed:  1000 ,
 
    // duration of slide
    timeout: 5000, 
 });
my html is

Code:
<div id="slide">
<img width="928" height="293" src="/drupal/sites/default/files/imagecache/rotate/home/vehicle1.png" alt="" />
<img width="928" height="293" src="/drupal/sites/default/files/imagecache/rotate/home/vehicle2.png" alt="" />
<img width="928" height="293" src="/drupal/sites/default/files/imagecache/rotate/home/vehicle3t.png" alt="" />
</div>
and my css

Code:
#slide{
	width:928px;
	height:293px;
	padding: 0;  
    margin:  0;
	}
	
	#slide img {  
    padding: 0;  
    background-color: #222;  
    width:  928px; 
    height: 293px; 
    top:  0; 
    left: 0;
    position: absolute;
	}
On the Cycle plugin page it doesnt say anything about using absolute on the image, but without it my images r all displayed in safari 1 after the other. I doubt it could be because its in the jquery.js file, but I don't know what to do at this point. Can some1 please help me with this?