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();
});