hola, me gustaria saber como puedo centrar este menu de navegacion horizontal, lo quiero poner abajo de la pagina y centrado
gracias
os dejo el codigo
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#FFFFFF" background="fondo.JPG">
<table width="100%" border="0" cellspacing="0" cellpadding="3"
name="titulo">
<tr>
<td align="center" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif" size="5" color="#000000">
<b>
<i>
GALERIA DE FOTOS
</i>
</b>
</font>
</td>
</tr>
</table>
<CENTER>
<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC=".jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<br>
<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<br>
<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<CENTER>
</td>
</td>
<td>
</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "#">
<html xmlns="#" xml:lang="ca" lang="ca">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Título de la página</title>
<style type="text/css">
ul#menu {list-style-type:none; margin:0; padding:0;}
ul#menu li {float:left; margin-right:.8em; padding-right:.6em; border-right: solid 1px #000;}
ul#menu a {text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: blue; font-weight:bold; font-size:.8em;}
ul#menu a:hover {color:#FFF; background:blue;}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">Inicio</a></li>
<li><a href="#">Galeria de Fotos</a></li>
<li><a href="#">Descargas</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Enlaces</a></li>
</ul>
</body>
</html>