Well it didn't seem to be wrapped before; but ok - try this:
<html>
<head><title>Jamestown Story</title>
<style type="text/css">
body {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
background: url('tile.png');
}
#menu {
position:relative;
left: -8px;
top: -92px;
height: 50px;
width: 496px;
background: url('menu_back.png');
border-top: 1px solid rgb(255, 255, 183);
border-bottom: 1px solid rgb(255, 255, 183);
overflow: hidden;
}
#navigation {
background: url('menu_back.png') repeat-x;
height: 50px;
border-top: 1px solid rgb(255, 255, 183);
border-bottom: 2px solid rgb(255, 255, 183);
}
#navigation a {
background: url('menu_back.png') repeat-x;
color: #000000;
float: left;
font: 12 veranda,sans-serif;
padding: 0 14px;
line-height: 50px;
text-align: center;
text-decoration: none;
}
#navigation a:hover, a:active {
background: lightgreen;
height: 60px;
margin-top: -10px;
}
</style>
</head>
<body>
<center>
<table width="720" cellspacing="0" background="tile.png"><tr>
<td align="center" background="middle.png"><img src="top.png" />
<div id="menu">
<div id="navigation">
<a href="index.php">H o m e</a>
<a href="index.php">N e w s</a>
<a href="index.php">B i o</a>
<a href="index.php">P i c s</a>
<a href="index.php">M u s i c</a>
<a href="index.php">C o n t a c t</a>
<a href="index.php">T o u r s</a>
</div>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></td>
</tr></table>
</center>
</body>
</html>