I use jquery blockUI plugin to block pages when necessary. I use a GIF image for the block message, and you can check out the demo for blockUI to understand what I am doing, which is very similar to demo - shows GIF + message.

My page worked fine with IE8 and Opera 10, and the GIF image shows up every time as expected. However with Firefox 3.6 (and Chrome), the GIF image only shows up half of the time, even for the same page - the issue appear to be quite random and at the same time easily repeatable. (Note: the jquery blockUI demo page works with firefox and works all the time - but that demo page is very simple.)

The path to the image is for sure correct, otherwise the image will never show (instead of showing randomly).

Any insight? any similar experience? solution?

It would probably be helpful if you could a) show us your code, and b) let us see the GIF.

__________________
/- Sam Judson : Wrox Technical Editor -/

Think before you post: What have you tried?

Here is one of the GIF we tried: http://jquery.malsup.com/block/busy.gif. We also tried several other GIF, and none of them worked.

With the above mentioned GIF, we tried: 1) leave it on the jquery site and specify the full path to it, and 2) download it to our IIS. Both had the same issue.

I will post the code in next couple of hours, once I am in office.

This issue has been resolved by having the GIF on the page initially as hidden.