menu desplegable

otra vez yo jejeje, perdonen que sea tan duro pero no me sale hacer el menu desplegable a continuacion les dejo la plantilla y los estilos y diganme que me falta o donde me equivoco

estilos

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center}
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior[1].gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#cabecera { background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}

#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ;
float:left ; text-align:left ; margin:3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior[1].gif) ;
background-position: bottom ;
padding-bottom:5px }

#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior[1].gif) }
#pie {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid; border-top: black 1px solid ; height: 65px ;}
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior[1].gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

plantilla

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Sección 1</a>
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>
    <h1>Esta será la zona principal de la web</h1>


    Este es mi segundo parrafo. Acabo de poner un punto y en
    cambio sigue siendo un parrafo pues no le he colocado aun la
    etiqueta de cierre. Voy a ponersela justo aqui.</p>
    <h2>Y este es el tercer parrafo.</h2>

    En pocas lecciones aprendere a darle margenes para separarlos unos de otros, e incluso
    hacerles sangrias por la izquierdaa la primera linea, que queda mucho mejor</p>


    Anda, fijate! salen todos centrados, que cosa. Espero que
    jorgens nos enseñe a ponerlos alineados a la izquierda, o
    justificados. Asi esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan
    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres"> <ul>
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    cabe destacar que me aparece un cartel que dice

    ERROR DE SECUENCIA DE COMANDOS DE INTERNET EXPLORER

    en mensajes siguientes un usuario tiene el mismo problema y no he visto respuestas, espero que se pueda solucionar ya que me estaba entusiasmando mucho con el tema
    Gracias y nuevamente disculpas por ser tan cargoso jeje
  • has cerrado dos veces el id desplegable

    te sobra un </a>

    dejalo asi

    <div id="navegacion">
    <ul>
  • Sección 1
  • para ayduarte con el desplegable es mejor
    que nos des la url

    porque son varios documentos que dependen de su funcionamiento

    saludos
    hola

    has subido todos los documentos????

    te falta subir los que dependen de la plantilla

    definir-menus.txt
    notocar.txt
    estilo-menu-desplegable.css

    saludos
    el problema por el cual no puedo abrir el menu desplegable debe ser este.

    Cuando voy a la carpeta que tengo en la compu mis pagigas web- elemplo cctw-descompreimiendo........ y luego hago click en estilo menu desplegable y no se me abre y me pone este cartel

    microsoft fronpage
    no se puede abrir el archivo C:documentosand seting/ usuarioprincipal y un monton mas