Hola:
He revisado tu código y, la verdad, lo tienes bastante liadito.
1º.- Deberías suprimir los estilos que van en el html y pasarlo a una hoja CSS.
2º.- Las clases e identificadores deben ir entre comillas y los tienes sin ellas:
Código:
<div id="menu" style="left: 18px; top: 8px">
3º.- Los links a las hojas de estilos también están erróneas, deberías ponerlos así:
Código:
<link rel="stylesheet" type="text/css" href="http://www.losclavelines.com/prueba/default.css" />
<link rel="stylesheet" type="text/css" href="http://www.losclavelines.com/css/menu-1.css" media="all" />
4º.- La ruta de la hoja css menu-1.css la tienes errónea.
5º.- En la hoja default.css tienes definido también un menú (con las correspondientes definiciones de <ul> y <li> que pueden interferir en el menú que quires hacer.
6º.- Una vez modificado todo esto, cuando veas la página la decoración corre de tu cuenta.
7º.- Te recomendaría un vistazo a los manuales de XHTML y CSS de
www.librosweb.es, es fundamental.
Saludos.
