problema con la borde-inferior, curva-inferior

Buenos dias a todos, mi problema es que en explorer aparece todo bien y en chrome no aparece la curva-inferior, ya probe a crear una hoja de estilos para explorer y otra para los demas como dice el foro y nada, probe a poner como curva-inferior la superior sin problema, aparece bien en el lugar de la inferior, el problema solo es con la curva-inferior, probe tambien a cambiar el height, widht y nada, incluso suprimiendolo y nada, cambiando de linea las instrucciones y nada, subiendo la curva.inferior a contenido, barra de navegacion, debajo de la curva-superior y nada, en explorer todos estos cambios hacen efecto, pero en chrome no. os dejo la plantilla y la hoja de estilos a ver si alguien me puede echar una mano, gracias de antemano.

hoja estilo-general.css


* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 3em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.5em; 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 }
#navegacion {background-color: gray ; border: black 1px solid}
#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}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
#pie {background-color: blue ; border-left: black 1px solid ; border-right: black 1px solid;
border-top: black 1px solid }}
#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}
a {color: blue ; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover { color:red ; text-decoration: underline ; background-color: silver}
a:active {}



plantilla.html

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

<html>

<head>
<title>CICLOTURISTAS OLLONIEGO</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera"><h1>LOS ABEYONES</h1></div>
<div id="navegacion">Barra de Navegación</div>

<div id="contenido">
<div id="Menu"><h2>Menu</h2>
<ul>
  • Quienes somos
  • Fotos
  • Rutas
    </div>
    <h2>COLABORADORES</h2>


    Esta pagina surge de la idea de crear un grupo de gente aficionada a la bicicleta de montaña para salir a hacer rutas por Asturias.</p>


    Tambien participamos en las diferentes rutas que organizan nuestros vecinos, el grupo los sobraos, o el grupo poco a poco de Mieres.</p>


    Como tambien nos animamos a participar en las rutas como la transcantabrica, la degaña-Ibias, e incluso la ruta de Alto Campoo en Cantabria</p>
    </div>

    <div id="pie">Este es el pie de página</div>

    <div id="curva-inferior"></div>

    </div id>


    </body>
    </html>





    gracias.
  • Has escrito dos dobles llaves de cierre. Suprime las escritas de color rojo.

    * {margin:0px ; padding:0px ; border: 0px}
    p {text-align: justify}
    h1 {font-size: 3em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font.size: 1.5em; 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 }
    #navegacion {background-color: gray ; border: black 1px solid}
    #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}
    #menu li { list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: blue ; border-left: black 1px solid ; border-right: black 1px solid;
    border-top: black 1px solid }}
    #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}
    a {color: blue ; text-decoration: none ; display: block }
    a:link {}
    a:visited {}
    a:hover { color:red ; text-decoration: underline ; background-color: silver}
    a:active {}

    Saludos.
    Muchisimas gracias Moimuá, ahora va bien, sigo realizando el curso, seguro que aun tendre mas preguntas, la verdad que mira que mire y mire el codigo, y busque y busque el fallo antes de rendirme eh? pero no vi esas dos llaves, y mira la que me liaron, que en ie se veia y en chrome no, no hay ningun programa para ensamblar el codigo en busca de errores como en RM-Cobol 85 o el del lenguaje C, o ensamblador?
    No sé si hay programas para ensamblar los códigos html y css, en busca de errores. Te sugiero que plantees esta pregunta en el foro General, a ver si alguien te responde.

    Saludos.
    las curvas las veo bien

    lo que si, es el menu
    tienes esto en html

    <div id="Menu"><h2>Menu</h2>

    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin:3px 10px 3px 3px}

    tambien tienes varios corchetes de cierre de mas
    checalos
    yaneth, muchas gracias por contestar, las curvas lo tengo solucionado como dijo moimua, eran los puñeteros corchetes, que no me di cuenta de ellos, ya sabes que cuando uno no ve, no ve, por muchas horas que le pongan el codigo delante, ahora ya lo tengo todo correcto, incluso la relentizacion de la nevada, lo solucione bajando en numero de estrellas a mostrar en la pagina, lo que me esta volviendo loco es que la pagina, ya tuve que crear una pagina de estilos diferente para IE8.0 y Googlechrome, y ahora pa encima lo veo bien en IE8.0, Google chrome y Fierfox, pero en IE6.0, no, asi que a crear otra pagina de estilos para 6.0, ahora digo yo, porque no nos acordamos todos del creador de microsoft, puede ser que cambie la forma de una version a otra siendo la misma empresa? LA VERDAD NO LO ENTIENDO, TENGO UN ENFADO DE ORDAGO.