Hi i have this script here that is a clock but when it runs the background is white??? can anyone help make it transparent please



  body
  {
    width:194;
    height:125;
    background:transparent;
  }


d1 = new Image();
D2 = new Image();
d3 = new Image();
d4 = new Image();
d5 = new Image();
d6 = new Image();
d7 = new Image();
D8 = new Image();
d9 = new Image();
d0 = new Image();
blank = new Image();
d1.src = "1.png";
d2.src = "2.png";
d3.src = "3.png";
d4.src = "4.png";
d5.src = "5.png";
d6.src = "6.png";
d7.src = "7.png";
d8.src = "8.png";
d9.src = "9.png";
d0.src = "0.png";
blank.src = "blank.png";

function REFRESH() {
    VAR t = new Date();
    var h = t.getHours();
    var m = t.getMinutes();
    var s = t.getSeconds();
    var ms = t.getMilliseconds()

    if (h <= 9) {
        document.images.d1.src = blank.src;
    }
    else {
        document.images.d1.src = eval("d" + Math.floor(h / 10) + ".src");
    }
    document.images.d2.src = eval("d" + (h % 10) + ".src");
    document.images.d3.src = eval("d" + Math.floor(m / 10) + ".src");
    document.images.d4.src = eval("d" + (m % 10) + ".src");
    document.images.d5.src = eval("d" + Math.floor(s / 10) + ".src");
    document.images.d6.src = eval("d" + (s % 10) + ".src");
    document.images.d7.src = eval("d" + Math.floor(ms / 100) + ".src");
    document.images.d8.src = eval("d" + (ms % 10) + ".src");
   
    setTimeout("refresh()", 10);
    }


   
   
   



thats the thing i am using its a gadget for windows 7 but it has a white rectangle on the background so any help would be nice ^^ok DONT worry now i have fixed it by doing this :


  body
  {
    margin: 0;
    width: 221;
    height: 125;
    background-image: url('trad.PNG');
  }
  #gadgetContainer{
    margin: 0;
    width: 221;
    height: 125;
    padding-top: 52px;
    padding-left: 54px;
  }


d1 = new Image();
d2 = new Image();
d3 = new Image();
d4 = new Image();
d5 = new Image();
d6 = new Image();
d7 = new Image();
d8 = new Image();
d9 = new Image();
d0 = new Image();
blank = new Image();
dot = new Image();
d1.src = "1.png";
d2.src = "2.png";
d3.src = "3.png";
d4.src = "4.png";
d5.src = "5.png";
d6.src = "6.png";
d7.src = "7.png";
d8.src = "8.png";
d9.src = "9.png";
d0.src = "0.png";
blank.src = "blank.png";
dot.src = "dot.png";

function refresh() {
    var t = new Date();
    var h = t.getHours();
    var m = t.getMinutes();
    var s = t.getSeconds();
    var ms = t.getMilliseconds()

        if (h <= 9) {
            document.images.d1.src = d0.src;
        }
        else {
            document.images.d1.src = eval("d" + Math.floor(h / 10) + ".src");
        }
        document.images.d2.src = eval("d" + (h % 10) + ".src");
        document.images.d3.src = eval("d" + Math.floor(m / 10) + ".src");
        document.images.d4.src = eval("d" + (m % 10) + ".src");
        document.images.d5.src = eval("d" + Math.floor(s / 10) + ".src");
        document.images.d6.src = eval("d" + (s % 10) + ".src");
        document.images.d7.src = eval("d" + Math.floor(ms / 100) + ".src");
        document.images.d8.src = eval("d" + (ms % 10) + ".src");
        document.images.d.src = dot.src;
        document.images.colon.src = colon.src;
   
    setTimeout("refresh()", 10);
    }


   
   
   



also is there a way of making it so if var m is lower than 1 the background color changes to red??? and if it is biggar than 1 it goes white?