Desesperado con el pequeño error del menu!

Buenas!

Estoi desesperado con este fallo de la web que no puedo arreglar.. Si alguien fuera capaz de hecharme un cable le agradeceria!


http://img293.imageshack.us/img293/5633/errormenukq7.jpg


Mi html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pedro Salinas</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>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>

</div>
<div id="navegacion">
<ul>
  • Principal
  • Etapas
  • Generacion del 27

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Menu</h1>
    <ul>
  • Portal
  • Imagenes
  • Poemas

    </div>


    </p>
    <h1><u>PEDRO SALINAS</u></h1>


    Esta es la pagina web oficial de Pedro Salinas, en esa web podras encontrar poemas del "poeta del amor", su biografia, imagenes, podras discutir en el foro...Un sin fin de cosas por hacer.
    </p>





    <table width="200" border="1">
    <tr>
    <td>&lasdfnaijsdfñasdfasdfasdfasdfasdf</td>
    <td>[contenido no disponible]</td>
    </tr>
    </table>


    A parte de Pedro Salinas, tambien hablaremos un poco de la Generaci
    on del 27, para situar a los visitantes en el contexto..</p>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • foro ejemplo
  • contactanos
  • <a href#"#">nos enlazan</a>

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • <a href"#">directorio</a>
  • <a href"#">topsite</a>
  • <a href"#">mapa de la web</a>
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    <body onload="init();">
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    Mis 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.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 ; font-size: 16px }
    #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 {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {background-color: lorange ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.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.gif) }
    #pie { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid;
    border-top: black 1px solid ; height: 65px }

    #pieuno {float:left ; width: 150px;}
    #pie li {list-style: none ; front-size: 12px }
    #piedos {float:left ; width: 498px}
    #pietres{float:left ; width: 150px;}

    #curva-inferior { background-image: url(objetos/curva-inferior.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 ;}


    saludos!
  • Pues cuánto mide de ancho la imagen menu-parte-superior.gif?

    Si no mide 150 px repara esto:
    #menu {background-color: lorange ; width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom ;
    padding-bottom:5px }

    Saludos :wink: