menu despegable no me jala bien al subirlo a la red

el menu en el html-kit si jala bien y todo al momento de subirlo a la red no aperece bien que hce mal :S ayuda

http://usuarios.lycos.es/ksacosterarec/index.html

aqui esta la pagina donde subo los ejercicios

ya cheque los codigos y todo esta bien se los dejo de cualquier forma

html
----------------
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">

<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • <a id="desplegable1" href="#">Sección 1
  • <a id="desplegable2" href="#">Sección 2
  • <a id="desplegable3" href="#">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>
    <h2>introduccion</h2>

    Hola este es mi nuevo space donde encontraremos la pagina de ksa Costera
    records dodne hayaremos los integrantes , rolas y demas hacerca de nosostros
    espero estemos pronto con ustedes solo aprendamos mucho mas para opder tener
    listo todo y una buena pagina dedicada a esta nueva escuela del zona cstera
    mexican hommies les escribe su amigo rada !

    asi que ya estamos en andaluz sigamos a andar con la gente vamos andar
    cochinero las manos tengo y no son de sangre culero son de marcar del puto
    micro que siempre llevo ! </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>
    ---------------
    estilos-general.css
    --------------
    *{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 {}
    #global {width:800px ; margin: 4px auto }
    #curva-superior { background-image: url(objetos/curva-superior.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 }
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
    #publicidad { width:518px ; float:right;; margin-top:25px }
    #navegacion {background-color: gray ;border: black 1px solid;height:20px}
    #navegacion ul { margin-left: 180px }
    #navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20px}
    #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-right: 10px ; margin:3px 10px 3px 3px;background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom; padding-bottom:12px }
    #menu li { list-style:none ; margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px;
    background-image: url(objetos/menu-curva-superior.gif);padding-top:12px}
    #pie {background-color: white;border-top:black 1px solid; border-left: black 1px solid ; border-right: black 1px solid
    ; height: 65px;text-align: center ; }
    #pieuno {background-color: white ; float:left ; width:150px }
    #pieuno li {list-style:none;; font-size:12px}
    #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}
    #piedos {background-color: white ; float:left ; width:498px }
    #pietres {background-color: white ; float:left ; width:150px }
    #pietres li {list-style:none;; font-size:12px}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px
    overflow: hidden }
    a {color: blue;font-size:1.3em;text-decoration:none;display:block}
    a:link{}
    a:visited{}
    a:hover{color:red ; text-decoration:underline; background-color: silver}
    a:active{}
    ----
    espero su ayuda !
  • " Abrir las puertas de nuestra mente al conocimiento "
    Hola

    Asegurate de haber subido toodos los documentos e imagenes que corresponden al desplegable

    si gustas por seguridad

    sube todo el sitio

    saludos