Blog showing fine in FF but only header visible in IE!!!

So I’m thinking I’m finally done with my site and I go to check it in IE and to my surprise I see nothing but a header and my black background!

The site is at poppawasapimp.com with another installation at poppawasapimp.com/premium.

I’m using a slightly customized version of the Royale theme at https://www.onehertz.com/portfolio/wordpress/royale/

I’ve asked around and I’ve gotten a couple different answers so far. One is that it may have something to do with some of the validation errors. And the other is that it likely has to do with the javascript code below in the head.

<script type="text/javascript">

var h, s, v, r, g, b, hi, f, p, q, t;

function dec2hex(n) {

 var str = "";

 while (n) { str = "0123456789ABCDEF".charAt(n&0xf) + str; n>>>=4; }

 return (str.length ? str : 0);

}

function hsv2rgb(h,s,v) {

 hi = Math.floor(h/60) % 6;

 f  = h/60-hi;

 p  = v*(1-s);

 q  = v*(1-f*s);

 t  = v*(1-(1-f)*s);

 switch (hi) {

   case 0:

    r = v; g = t; b = p;

    break;

   case 1:

    r = q; g = v; b = p;

    break;

   case 2:

    r = p; g = v; b = t;

    break;

   case 3:

    r = p; g = q; b = v;

    break;

   case 4:

    r = t; g = p; b = v;

    break;

   case 5:

    r = v; g = p; b = q;

    break;

 }

 return
'rgb('+Math.round(r*256)+','+Math.round(g*256)+','+Math.round(b*256)+')';

}

var hue = 289;

function huecycle() {

 hueshift();

 if (!hue--) { hue += 360; }

 setTimeout("huecycle()",1000);

}

elements = new Array();

props    = new Array('color','borderBottom','borderTop');

rules    = (/MSIE/i.test(navigator.userAgent) ? 'rules' : 'cssRules');

function hueshift() {

 var nrgb1 = hsv2rgb(hue,0.91,0.91);

 var nrgb2 = hsv2rgb(hue,0.25,0.95);

 for (i=0;i<elements.length;i++) {

   if (/RGB1/.test(elements[i][3])) {
document.styleSheets[elements[i][0]][rules][elements[i][1]].style[props[elem
ents[i][2]]] = elements[i][3].replace(/RGB1/,nrgb1); }

   if (/RGB2/.test(elements[i][3])) {
document.styleSheets[elements[i][0]][rules][elements[i][1]].style[props[elem
ents[i][2]]] = elements[i][3].replace(/RGB2/,nrgb2); }

 }

}

function walkondom() {

 re1 = /rgb\(194,\s*21,\s*233\)/i;

 re2 = /rgb\(232,\s*182,\s*243\)/i;

 for (i=0;i<document.styleSheets.length;i++) {

   for (j=0;j<document.styleSheets[i][rules].length;j++) {

     if (document.styleSheets[i][rules][j].type == 1) {

       if (document.styleSheets[i][rules][j].style['marks']) {

         for (k=0;k<props.length;k++) {

           if (re1.test(document.styleSheets[i][rules][j].style[props[k]]))
{

             elements[elements.length++] = new
Array(i,j,k,document.styleSheets[i][rules][j].style[props[k]].replace(re1,'R
GB1'));

           }

           if (re2.test(document.styleSheets[i][rules][j].style[props[k]]))
{

             elements[elements.length++] = new
Array(i,j,k,document.styleSheets[i][rules][j].style[props[k]].replace(re2,'R
GB2'));

           }

         }

       }

     }

   }

 }

}

function royale_init() {

}

</script>