problema con la curva superior

me sale una pequeña curva en la parte superior no consigo que salga toda la linea grande.Necesitaria ayuda
esto es lo que pongo en la hoja de estilos


* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: white;border-left: black 1px solid ;
border-right: black 1px solid ;height:170}
#logotipo{background-color:white;width:290;float:left}
#curva-superior { background-image: url(objetos/menu-curva-superior-1.gif) ; background-repeat: no-repeat; width:800px ;
height: 12px ;overflow : hidden }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: auto ; border-left: black 1px solid ; border-right: black 1px solid }
}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left;margin-right: 10px }
#pie {background-color: brown; margin:3px 10px 3px 3px}
#global {width:800px ; margin: 4px auto }
#menu li {list-style:none;margin: 4px 0px 4px 6px}
a {color: blue; font-size:1.3em ; text-decoration: none;display:block}
a:link {}
a:visited {}
a:hover{color:red;text-decoration:none;background-color:grey}
a:active {}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px}


y esto en la hoja de la 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">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>

</div>



</div>

<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Electricidad
  • Fontaneria
  • Aire Acondicionado
  • Calefacción
  • Energia Solar
  • Riego
  • Gas
    </div>


    Esta será la zona principal de la web</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>



    </body>
    </html>
  • lo acabo de subir y ademas de ese problema tampoco se ve la imagen no se porque.
    la direccion es
    ariserinstalaciones.onlinewebshop.net
    Hola

    el html lo veo bien

    vamos con el css
    aqui está el primer fallo, te falta ponerle px a la cantidad

    #cabecera {background-color: white;border-left: black 1px solid ;
    border-right: black 1px solid ;height:170}

    pero.... el verdadero problema es que .........

    #curva-superior { background-image: url(objetos/menu-curva-superior.gif) ; background-repeat: no-repeat; width:800px ;
    height: 12px ;overflow : hidden }

    estás poniendo la curva equivocada, esa es del menu,
    la de ahi solo se llama curva-superior

    saludos
    muchas gracias ya lo he solucionado creo que no hubiera sido capaz ya me habia obzecado y no lo veía. Gracias haber si me podrías ayudar con el otro problema aunque es otra cosa diferente la imagen del logotipo que he puesto en mi ordenador se ve perfecto pero luego en la url no se ve sale la cruz porque me pasa esto. Gracias de antemano
    que raro

    ahora no puedo ver ni las curvas

    pero la gran mayoria se debe a

    que los nombres no coinciden

    ya sea en la carpeta o en las imagenes

    recuerda que hay diferencia entre mayusculas y minusculas

    saludos