You have this -
</head>
<script>
<!--
function msgopen(url, name, w, h)
{
w += 32;
h += 96;
var win = window.open(url,
name,
'width=' + w + ', height=' + h + ', ' +
'location=no, menubar=no, ' +
'status=no, toolbar=no, scrollbars=yes, resizable=yes,screenX=2,screenY=2,left=100,top=100,');
win.resizeTo(w, h);
win.focus();
}
// -->
</script>
<style type="text/css">
#preloader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fefefe;
z-index: 99;
height: 100%;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
}
</style>
<body>
In other words, you have a script block AND a CSS block between </head> and <body>. That's invalid code. Move it to where it belongs inside the <head> region. You could have found this in an instant by checking the page here - http://validator.w3.org.