How to center horizontal menus
I am trying to create a menu to sit at the base of a page which is to be used as an include page at the top of pages in the site, I have managed to place the menu into a table cell and all seems to work except I cannot get the menu to center to the cell despite the cell properties being set to align centrally, I have included an element of the code below if someone could advise how to align it centrally. I am sure this is something simple but I cannot find it documented anywhere.
Thanks in advance
<td width="900" height="30" colspan="5" align="center" valign="bottom" bgcolor="#698AB3"><ul class="level-0" id="cssmw0">
<li class="parent"><span><a href="#">Accommodation</a></span>
<ul class="level-1">
<li><a href="#">Accommodation Search</a></li>
<li class="parent"><a href="#">Hotels</a>
<ul class="level-2">
<li><a href="#">Show All Hotels</a></li>
<li><a href="#">North</a></li>
<li><a href="#">Central</a></li>
<li><a href="#">South</a></li>
<li><a href="#">Close to Bridlington</a></li>
</ul>
</li>
<li><a href="#">Guest Houses</a></li>
<li><a href="#">Self Catering</a></li>
<li><a href="#">Camp and Caravan</a></li>
</ul>
</li>
<li><span><a href="#">Places to Visit</a></span></li>
<li><span><a href="#">About Bridlington</a></span></li>
<li><span><a href="#">Community</a></span></li>
<li><span><a href="#">Advertising</a></span></li>
</ul>
<script type="text/javascript">if(window.attachEvent) { window.attachEvent("onload", function() { cssmw0.intializeMenu('cssmw0',{select_current: 0, orientation: 1}); }); } else if(window.addEventListener) { window.addEventListener("load", function() { cssmw0.intializeMenu('cssmw0',{select_current: 0, orientation: 1}); }, true); }</script></td>
<td>
<img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
</table>