Ayuda por fa...al cambiar detalles de mi web..

Hola amigos de CCTW....me siento sinceramente un tonto...y disculpen que los moleste con uno y otro y otro tema...les he pedido ayuda para varias cosas...bueno...el problema que tengo ahora...es que al modificar algunos detalles de la parte de la barra de navegacion...esta me descontroló el menú...y veran...mi pagina que subi..es simplemente el ejemplo. claro que no exactamente...los textos son distintos, las imagenes tambien...pero lo demas es compia fiel...y bueno si desean saber como es el problema les dejo mi enlace de la pagina

http://kapiscopi.scienceontheweb.net/plantilla.html

y les mando lo ke tnego en mi plantilla y en mi archivo "estilo-general.css"

se los agradeceria un monton...mas de lo que estoy con ustedes por el curso paso a paso...son fantasticos...

ahh y otros detallitos pero que despues...de solucionar este se los planteare...es que prefiero preguntar de una en una...para no enredarme xD

muchas gracias
New_Age
esto es lo ke tengo en la plantilla

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head><link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Dulces sueños</title>

</head>
<body>
<div id= "global">
<div id="curva-superior">[contenido no disponible]</div>
<div id="logotipo">[contenido no disponible]</div>
<div id= "cabecera">Bienvenidos a Kapiscopi</div>
<div id="publicidad"></div>



<div id="navegacion">esta es mi barra de navegación
</div>



<div id= "contenido">

<div id= "menu">
<div id="menu-curva-superior">[contenido no disponible]</div>
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    <div id="menu-curva-inferior">[contenido no disponible]</div>
    </div>



    Caricias que combaten mi razon, es tu altitud la que nerva mis sentidos y es por eso que el destino
    no me alcanza la ilusión, cuanto mas debo de esperar..para sentir tu extraño amanecer entonecs pudieraalgo tocar dentro de las laminas
    que poseen mi alquiler, entonces me acerco atus manos , perdido entre tanta dulzura, que invadida en la paz
    que invadido en mi interior...traspasas barreras inpensables, dedicandome al termino de tanta ironia, y el comienzo del suspiera
    en tus mañanas...caes como gota de rocio matutino...esperanza enmudecida para regalo...envuelta en el arroyo de tus labios, aguas tiernas
    que humectan mis cariños, entonces...dame algo que no sea tan objetivo, es tu alma lo que me ampara
    es la luz de tus ojos de armiño...son cada beso que me dabas...no permitas al silencio enmudecerme
    apagarme como fuego en invierno seco, primaveras son los sueños que te tengo, y tu estas vesida en sabanas de sedas</p>


    Como solo pocas personas pueden ver esta pagina por el momento...(por que solo esas personas conocen en enlace...)les dedico aqui estas cosas
    jiji...Para ti princesita bella...y para ti hermanita...^^...nos estamos viendo....alguien te mira...</p>

    jajaja</p>

    </div>

    <div id= "pie">pie de página</div>
    <div id="curva-inferior">[contenido no disponible]</div>


    </div>
    </body>
    </html>

    y esto es lo ke tengo en mi archivo "estilo-general.css"

    body{background-image:url(objetos/fondo.jpg); text-align: center;border: 1px solid black ;}
    #cabecera {background-color: white;border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid}
    #navegacion {background-color: yellow;border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid; float:left }
    #contenido {border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid; border-left: black 1px solid; width:right}
    #pie {background-color: white;color:black}
    #global {width:800px; margin: 4px auto}
    #menu {float: left; background-image:url (objetos/logo.png) ;width:150px; margin-right: 10px;margin:3px 10px 3px 3px;border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid;margin-right: 10px }
    #menu li{list-style:none;text-align: left;margin: 10px 20px 5px 15px}
    a {color: black; font-size:1.3em ; text-decoration: none;display: block }
    a:hover {color:black ; text-decoration:underline ; background-color: white}
    p {text-align: center}
    #contenido p{padding:5px 10px 5px 10px; text-indent: 20px }
    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}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px
    overflow: hidden }
    #logotipo {background-color: none ; width:280px; float:left; border:10 px}
    #publicidad {background-color: black ; width:600px; float:right; margin-top:10px;border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid}
    #navegacion{float:left ; list-style:none; margin: 0px 20px 0px 20px }
    #navegacion li {float:center ; list-style:none ; margin: 0px 10px 0px 10px }
    #navegacion ul { margin-left: 50px }
    #menu-curva-inferior {background-image: url(objetos/menu-curva-inferior.gif) ; background-repeat: no-repeat }
    #menu-curva-superior {background-image: url(objetos/menu-curva-superior.gif) ; background-repeat: no-repeat }

    por favor..los errores y los detalles, si es posible corrijanmelo...es que aun me siento perdido...
  • New_Age
    aqui el fallo

    <div id="logotipo">[contenido no disponible]</div>
    <div id= "cabecera">Bienvenidos a Kapiscopi</div>
    <div id="publicidad"></div>

    deberias tenerlo asi
    <div id= "cabecera">
    <div id="logotipo">[contenido no disponible]</div>

    <div id="publicidad">Bienvenidos a Kapiscopi</div>
    </div>

    aqui
    #cabecera {background-color: white;border-top: black 1px solid; border-bottom: black 1px solid;border-left: black 1px solid;border-right: black 1px solid}

    te falta la altura
    que debe ser + o = que la imagen

    checalo