Ya está listo el menú lo hice todo con capas, en Linux con Mozilla, Galeon y Konqueror se ve todo bien; en Windows con IE, Netscape, K-Meleon y Opera tambien se ve correctamente.
El problema hera que el menú superior lo tenia en la página en tablas y cuando se pasaba por encima se mostraba una capa, y hay es donde en otros sistemas salia movido ya que a ser diferente fuente no coincidia la posición del menú con la tabla.
Solución:
Puse el menú superior como capas y al posar sobre un enlace de este se muestra otra capa, que permanece oculta, en la misma posición tanto la capa que se muestra como la que aparece, de esta forma si en otro sistema la fuente no coincide, esto no importa ya que aparecerá en la misma pocisión.
Por si a alguien le sirve....
Esta capa muestra link que al ponerce encima muestra otra capa con el menu, lo unico que hace es donde pone +Sobre, aparece la capa con +Sobre de otro color y el correspondiente menú despregable.
Capa menú:
Código:
<div id="Sobre_Menu" style="position:absolute;z-index:0;left:594px;top:86px;visibility:show;" onMouseOver="MM_showHideLayers('Sobre','','show')" onMouseOut="MM_showHideLayers('Sobre','','hide')">
<table border="0" cellpadding="0" cellspacing="1">
<tr><td><a class="menusuperior" href="sobre/default.asp"><b>+Sobre</b></a></td></tr>
</table>
</div>
Capa oculta del menú:
Código:
<div id="Sobre" style="position:absolute;z-index:0;left:594px;top:86px;visibility:hidden;" onMouseOver="MM_showHideLayers('Sobre','','show')" onMouseOut="MM_showHideLayers('Sobre','','hide')">
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#333333">
<tr><td bgcolor="#F5F5F5"><a class="menusuperior" href="sobre/default.asp"><b>+Sobre</b></a></td></tr>
</table>
<table height="5" border="0" cellpadding="0" cellspacing="0"><tr><td height="5"><img src="imagenes/fondo07.gif" border="0" width="100" height="5" alt="+Sobre"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#333333">
<tr><td bgcolor="#AABBCC" onMouseOver="this.style.backgroundColor='#E2EDF7'" onMouseOut="this.style.backgroundColor='#AABBCC'"><a class="menusuperior" href="sobre/el_autor.asp">El autor</a></td></tr>
<tr><td bgcolor="#AABBCC" onMouseOver="this.style.backgroundColor='#E2EDF7'" onMouseOut="this.style.backgroundColor='#AABBCC'"><a class="menusuperior" href="sobre/nosotros.asp">Nosotros</a></td></tr>
</table>
</div>
Como pueden ver la posición de las dos capas debe de ser la misma para que aparezca bien.
Un Saludo.