Hi, We're having some weird experiences between browsers and including an animated GIF, it only seems to happen in IE, and the backend .NET is large and I cant see it being related to the issue (although I mention it incase). We have a: <div id="spnWaitForResults" style="DISPLAY: none"> We are now checking thousands of self catering accommodations to locate the best deal for you. Please wait while we complete the search which will normally take no more than 45 seconds.<p class="textcenter"><img src="images/loading.gif" alt="loading please wait" height="60" width="180" /><br /><strong>Thank you for choosing Apartments Abroad</strong></p></div> within one of our sites, yet the loading animated GIF (attached) doesnt seem to run in Internet Explorer (6 I'm using, but I believe a few versions).. yet seems to work in Firefox (5), Opera (9), and Netscape (7). Anyone know any reason why... seems very random!! If I put the animated GIF anywhere else in the site it works fine.
maybe it can't cache the animated .gif when you display:none? Try hiding it with the visible rather than the display:none and see if that helps. Otherwise, seems like a very weird issue.
When I used the visible property, the problem is that it keeps the 'space' for whats been hidden via this method. Whereas display:none keeps it from creating this space for itself. So when I use visible I get a large gap in my page until its called. It definitely seems to just be IE, and the same GIF displays fine in IE on its own, or even in another page. As soon as I put display:none I end up with a static image. Weirdest thing I've experienced in a while!