Bueno en primer lugar dejame decirte que tienes varios problemas en tu codigo html:
Código:
<body>
<BODY BGCOLOR="#000080">
en la linea 11 elimina ese <BODY BGCOLOR="#000080"> pues esta de más ya que en la linea 10 <body> ya existe.
En la liena 27
hay una etiqueta de cierre </p> dentro de una etiqueta de apertura de lista <ul id="menu"> eliminala.
Linea 70:
Una etiqueta de cierre </div> donde debería de ser una </ul> cambia eso.
Linea 72:
Código:
<style type = "text/css">
.back {
background-image: url('');
background-repeat: no-repeat;
background-color: #99cccc;
}
#menu {
padding-left: 0px;
margin-top: 120px;
}
#menu li {
list-style: none;
float: left;
}
#menu li a {
display: block;
width: 100px;
height: 20px;
background-color: #FF0000;
border: 1px solid;
padding: 2px;
text-decoration: none;
text-align: center;
color: #000;
font-family: arial;
font-size: 15px;
font-weight: bold;
}
#menu li a:hover {
background: navy;
border-color: transparent;
color: #00FF00;
}
#menu li ul {
display: none;
position: absolute;
}
#menu li ul li {
display: block;
float: none;
position: relative;
padding: 0px
}
#menu li:hover ul {
display: block;
padding-left: 0px;
}
</style>
Todo el bloque de style debe de ir por convención entre las etiquetas head o en un archivo externo cambia eso tambien.
Con estos arreglos espero soluciones tus problemas.
_Saludos...