thanks for that reply but i don't really know what i'm checking for!
this is the code on the template can someone have a look and see whats wrong?!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Pitairlie Garage - TEMPLATE</title>
<!-- TemplateEndEditable -->
<style type="text/css" media="all">
<!--
@import url("../css/pitairliescreen.css");
-->
</style>
<style type="text/css" media="print">
<!--
@import url("../css/pitairlieprint.css");
-->
</style>
<!--[if IE 5]>
<style type="text/css">
/* IE 5 does not use the standard box model, so the column widths are overidden to render the page correctly. */
#outerWrapper #contentWrapper #leftColumn1 {
width: 220px;
}
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
#outerWrapper #contentWrapper #content {
zoom: 1;
}
</style>
<![endif]-->
<!-- TemplateBeginEditable name="head" -->
<script type="text/javascript" src="../CSSMenuWriter/cssmw/menu.js"></script>
<style type="text/css" media="all">
<!--
@import url("../CSSMenuWriter/cssmw/menu.css");
-->
</style>
<!--[if lte IE 6]>
<style type="text/css" media="all">
@import url("../CSSMenuWriter/cssmw/menu_ie.css");
</style>
<![endif]-->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="outerWrapper">
<div id="header"><a href="../contact.asp"><img src="../images/headerimage.jpg" width="780" height="250" alt="headerimage" /></a></div>
<div id="topNavigation">
<!--#include file="../CSSMenuWriter/cssmw/menu.asp" --></div>
<!-- TemplateBeginEditable name="editable area" -->