Hello i've noticed that when using the fadeIn method in medium/large pages the  fade in / fade out effect is very slow and laggy when i test the same page in other browsers such (firefox/opera/chrome) its run very smooth no matter what the page size is.... this is very annoying. is there a fix for this problem?

here is my code

1.   LoadMessage = function(MessageHeader,MessageContent) {
       $('<div id="MessageContainer" class="COMessageContainer"></div><div class="COMessageTapet" id="MessageTapetID"></div>').appendTo("body");
       $("#MessageTapetID").css({"opacity":"0.0","height": $(document).height() + "px"}).fadeTo(600,0.8);
        
       $("#MessageContainer").css({"top":"100%","display":"none"}).load("/Crossover/HTMLContent/LoadBox.htm",function() {
           $(this).fadeIn(800).animate({"top":"50%"},{duration:1000,queue:false});
           $("#HeaderContent").html(MessageHeader);
           $("#MessageContent").html(MessageContent);
            
           $("#CloseButton").click(function() {
               CloseMessage();
           });   
           
       });  
    }
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

though this code is more then just a simple fadeIn() i had the same problem in the past when i only fade in object..

if anyone have the fix i'll really be happy to here.