Russell,
I'm not sure how it happened, but you have all your script code above the Doctype declaration.
The only thing that can ever be above the Doctype Declaration and the opening HTML tag is Server Side Language Programming such as PHP because it executes before the page loads.
In this case, these are items that need to be displayed on the page. Your script code should be placed within the HEAD tags on your page like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css" media="all">
<!--
@import url("plugins/CSSMenuWriter/cssmw0/menu.css");
-->
</style>
<!--[if lte IE 6]>
<style type="text/css" media="all">
@import url("plugins/CSSMenuWriter/cssmw0/menu_ie.css");
</style>
<![endif]-->
<script type="text/javascript" src="CSSMenuWriter/cssmw0/menu.js"></script>
<style type="text/css">
<!--
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
#outerWrapper {
margin: 0px auto;
width: 1280px;
height: auto;
}
#header {
background: url(images/header.jpg) no-repeat;
height: 175px;
width: 100%;
}
#menu {
position: absolute;
left: 165px;
height: 31
.px;
width: 973px;
top: 140px;
height: 30px;
visibility: visible;
z-index: 10;
}
#contentWrapper {
background: url(images/faux_colum.jpg) repeat-y;
height: auto;
width: 1280px;
margin-left: 0px;
overflow: hidden;
}
#content {
height: auto;
width: 979px;
margin-left: 152px;
}
#footerWrapper {
background: url(images/Footer.jpg);
height: 377px;
width: 1280px;
overflow: hidden;
position: relative;
}
#footer1 {
background: url(images/grand.gif) no-repeat;
height: 130px;
width: 296px;
padding-top: 140px;
position: absolute;
left: 151px;
top: 70px;
padding-left: 20px;
padding-right: 10px;
}
#footer2 {
background: url(images/phil.gif) no-repeat;
height: 120px;
width: 302px;
padding-top: 140px;
position: absolute;
left: 477px;
top: 70px;
padding-left: 20px;
padding-right: 4px;
}
#footer3 {
background: url(images/map.gif) no-repeat;
height: 120px;
margin-left: 0px;
padding-top: 140px;
margin-top: 0px;
position: absolute;
left: 805px;
width: 301px;
top: 70px;
padding-left: 20px;
padding-right: 5px;
}
.footer_text {
font: 9px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
}
#footer4 {
height: 10px;
width: 979px;
position: absolute;
bottom: 3px;
left: 152px;
}
body {
background: #666;
}
p {
font: 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #333;
}
h2 {
font: bolder 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #666;
}
img {
border-style: none;
}
</style>
<body>
<div id="outerWrapper">
<div id="header"></div>
<div id="menu">
<?php require_once("CSSMenuWriter/cssmw0/menu.php"); ?>
</div>
<div id="contentWrapper">
<div id="content">content goes here</div>
</div>
<div id="footerWrapper">
<div id="footer1">
<p>Arriving soon! A stunning Yamaha C3 grand.<br />
Prepared to our gold standard this piano will please the discerning pianist...<br />
<br />
<a href="#"><img src="images/button.gif" width="159" height="46" alt="new" /></a></p>
</div>
<div id="footer2">
<p>With 4 piano technicians in our family
and more than 68 years in the piano trade we offer a family tradition of professional services...<br />
<br />
<a href="#"><img src="images/button.gif" width="159" height="46" alt="about" /></a></p>
</div>
<div id="footer3">
<p>We have a network of A.P.P.T.A. certified piano technicians available Australia wide to keep your piano in top performing condition...<br />
<br />
<a href="#"><img src="images/button.gif" width="159" height="46" alt="tuner" /></a></p>
</div>
<div class="footer_text" id="footer4">©2010 Concerto Pty Ltd | <a href="#">Terms & Conditions</a> | <a href="#">Site by Arare Websystems</a></div>
</div>
</div>
</body>
Also, make sure there is no white space above your page declaration.
Regards,
Brian