jcarousel not loading in Safari and Chrome after .fadeOut

Question

I have a page that displays a particular DIV which fades out using .fadeOut revealaing another DIV which also then fades out, revealing a 3rd DIV which contains a horizontal jCarousel (strange I know, but given the constraints I am working with this was the optimal solution).

After all of this .fadeOut business finishes, the jCarousel loads perfectly in Firefox & IE but does not load at all in Safari & Chrome. The jCarousel items do display but they display vertically without scrolling function and ignore any CSS being applied to them. Are there any tricks to utilize with Webkit browsers?

Below is the jQuery I am utilizing:

$(document).ready(function()
    {
  $('.content').delay(2000).fadeOut(1500, function()
 {

$('#blocker').margin({top: 0}); $('#blocker p').fadeOut(1500) }); });

$(function() {
    $('#mycarousel').jcarousel();
});

Any help is much appreciated!