Aww... the joy of Dreamweaver generated code. I'm not suprised your having issues with all those tables!
Hmm... well, we'll start with the easier of you problems. Obviously I don't know the dimensions of the main.jpg, but I suspect that the reason why it is only showing half way down the page is because it is set to only repeat on x - only repeating horizontally. Change this to just repeat, so that it repeats both horizontally (x) and vertically (y).
page {
background: url(main.jpg) top left repeat;
text-align:center;
}
With the shadow problem, it would help if I knew what sort of content was in those table cells, because currently it doesn't really mean anything...
I don't know how far along you are with this, but if you must use dreamweaver/tables, try this:
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#page {
background: url(main.jpg) top left repeat;
}
#wrap {
width:966px;
background: url (shadow.png) center top repeat-y;
margin:0 auto;
}
#site {
margin:0 10px;
}
</style>
</head>
<body id="page">
<div id="wrap">
<table width="946" id="site" cellpadding="0" cellspacing="4">
<tbody>
<tr>
<td>Stuff goes in here.</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Obviously I don't know the demands of your layout, so I've simplified it A LOT, so hopefully you can start to see what's going on and what it should be doing.
Hope this helps you out.
Laura
Marked Solved 
Offline 
Thanks for all the help. 
