Estamos hablando de lo mismo, el siguiente codigo es el de una aplicacion que estoy desarrollando en este momento:
<TABLE cellSpacing=0 cellPadding=0 width="718" align=center border=0>
<TBODY>
<TR>
<TD width="718" height=20 class="menu" onMouseOver=oculta(); onMouseOut=muestra();>
<center>
<script webstyle3>document.write('<scr'+'ipt src="../xaramenu.js">'+'</scr'+'ipt>');document.write('<scr'+'ipt src="../menu2.js">'+'</scr'+'ipt>');</script>
<noscript>
<img src="../menu2.gif" editor="Webstyle3" moduleid="Default (Project)\menu1_off.xws"></noscript>
</center>
</TD>
</TR>
</TBODY>
</TABLE><br>
Fijate que entre las etiquetas <center> que estan dentro de una tabla esta mi menu java, si te fijas hay 2 etiquetas, una es para llamar a los archivos java que generan el menu, uno crea la estructura grafica(xaramenu.js) y el otro crea la estructura logica, o sea los links de cada elemento del menu(menu2.js) luego coloca la imagen la imagen por defecto del menu, la cual no tiene otra funcion que estar de fondo. la tabla (<TD>) es la que llama a las a las funciones oculta y muestra(Nota: estas son para ocultar unos select's que quedaban por encima del menu cuando este se desplegaba), el menu esta creado con el Xara webstyle, pero existen varias herramientas para diseñarlos. o por supuesto los puedes diseñar tu mismo, pero te recomiendo que empieces con codigos ya hechos para que te guies.