Background not showing in internet explorer when using JQuery load function

I use the following jquery code to load a page...

$(function() {
$('#stats').load('statsto.php');

    var visibleIn开发者_如何学Goterval = 60000;
    var invisibleInterval = 120000;

    $(function() {
        setTimer();
        $(document).bind('visibilitychange'), function() {
            clearTimeout(timer);
            setTimer();    
        };
    });

    function displayStats() {
        $('#stats').load('statsto.php');
        $.ajaxSetup({ cache: false });
    }

    function setTimer() {
        timer = setInterval(displayStats, (document.hidden) ? invisibleInterval : visibleInterval);
    }

});

and here is the style from statsto.php...

body {
font-family: Verdana;
font-size: 7px;
color: #FFFFFF;
background-color: #000000;
background-image: url("grad.png");
}

But the background image is not showing in internet explorer. I have tried using background: black url("grad.png"); but that also doesn't work. I have also tried including the style in the same page as the JQuery code, but still no luck.

Hmm.. Your issue may be with the .load() function itself (in Internet Explorer). I seem to remember encountering an issue with that a while back...

Try this

$.get('statso.php', function() {
  $('#stats').html();
});