Tu hai questo codice:

<table border="0" bgcolor="#223d6c" id="menu">
<tr>
<td width="163" height="23" valign="middle" bgcolor="#223d6c"><div class="menu1">
[img]arrow.gif[/img] Home Page[img]arrow.gif[/img] Chi Siamo</div></td>
</tr>
</table>


Innanzitutto elimina l'attributo bgcolor, che esprimerai nel CSS. L'XHTML potrà essere:

<div id="menu>
<ul>[*]Home Page[*]Chi siamo[/list]
</div>


Il CSS:

[FONT=courier new]#menu {
width: 600px; /* se vuoi usare misure fisse */
margin: 0;
padding: 0;
background: #223d6c;
color: #fff;
border: 1px solid #000;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
float: left;
margin: 0 0.5em;
background: transparent url(arrow.gif) no repeat top left;
padding-left: xx /* dipende dalla larghezza di arrow.gif */
}
#menu a:link, #menu a:visited {
display: block;
float: left;
background: transparent;
color: #fff;
margin: 0;
padding: 3px 0;
text-align: center;
font-weight: bold;
width: 120px; /* varia sempre calcolando la larghezza complessiva di #menu */
text-decoration: none;
}
#menu a:hover {
background: #369;
color: #fff;
}[FONT=courier new]

Se hai problemi chiedi pure. ciao

@Mich_ : per la semantica infatti il W3C ha inserito <nl> per la navigazione.