Background image problems with dreamweaver

[jon21021985]

hi, I am building a webpage using dreamweaver, but images set as backgrounds in tables are not displaying in my browser. They show in dreamweaver bu not in IE6. below is the code for my site at the moment. The main table background is called main_back.jpg

-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById; return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('home_button2.jpg','search_button2.jpg','myfaves_button2.jpg','mymess_button2.jpg','myacc_button2.jpg','events_button2.jpg','help_button2.jpg')">
<table width="885" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="153" colspan="9"><img src="header.jpg" width="885" height="153"></td>
</tr>
<tr>
<td width="18" height="49" background="main_left.jpg"> </td>
<td width="123"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','home_button2.jpg',1)"><img src="home_button1.jpg" alt="Home" name="Image3" width="123" height="49" border="0"></a></td>
<td width="123"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','search_button2.jpg',1)"><img src="search_button1.jpg" alt="Search" name="Image4" width="123" height="49" border="0"></a></td>
<td width="123"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','myfaves_button2.jpg',1)"><img src="myfaves_button1.jpg" alt="My Favourites" name="Image5" width="123" height="49" border="0"></a></td>
<td width="123"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','mymess_button2.jpg',1)"><img src="mymess_button1.jpg" alt="My Messages" name="Image6" width="123" height="49" border="0"></a></td>
<td width="123"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','myacc_button2.jpg',1)"><img src="myacc_button1.jpg" alt="My Account" name="Image7" width="123" height="49" border="0"></a></td>
<td width="123"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','events_button2.jpg',1)"><img src="events_button1.jpg" alt="Events" name="Image8" width="123" height="49" border="0"></a></td>
<td width="113"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','help_button2.jpg',1)"><img src="help_button1.jpg" alt="Help" name="Image9" width="113" height="49" border="0"></a></td>
<td width="16" height="49" background="main_right.jpg"> </td>
</tr>
<tr align="left" valign="middle" background="main_back.jpg">
<td height="992" colspan="9"> </td>
</tr>
<tr align="left" valign="middle">
<td height="19" colspan="9"> </td>
</tr>
</table>
</body>
</html>