IE trims beginning of content when using innerHTML if content to long

Question

I have an ajax call to create a form for a user to fill out but if the form is too long then IE will clip off the first chunk of stuff I send through innerHTML.

$.ajax({  
    type: "GET",  
    cache: false,  
    url: "new_account",  
    data: "type=" + x + "&serviceId=" + y + "&back=" + z,  
    beforeSend: function() {  
        $('#accountspopup').html('<p class="loadingnow"><img src="images/icons/ajax-loader.gif" alt="loading" /> Loading...</p>');
    },  
    success: function(data){  
        $('#accountspopup').empty().html($.trim(data)).addClass("invisible").delay(1).removeClass("invisible");
    }
});

When I first started experiencing this problem about half of the forms I was generating were having this issue and I found that adding the $.trim() fixed 90% of my problem cases, but a few really long forms are still giving me issues.

I've read many of the other posts about slightly similar issues but nothing suggested in those seems to help out with the problem. The most commonly offered solution to this type of problem is to try and trigger a redraw by adding a class then waiting then removing it, but I haven't seen any change with any of my problem cases with this.

Thanks in advance for any help with this.