Problema con la curva superior e inferior

Hola!

El problema es que no importa lo que haga las curvas siempre son mas peques que el resto de mi pagina. Intente meter otra imagen y me pasa lo mismo. Yo no estoy usando el width de 800 px por que no me gustaba que quedara tan peque;ita. Dejo aqui mi codigo css. Por favor seria genial poder usar otras imagenes como marco.

{margin:0px ; padding:0px ; border: 0px}
body {background-color: GhostWhite ; text-align:center}
#global {width:100% ; margin: 4px auto }
#cabecera {background-color: DeepSkyBlue; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#navegacion {background-color: SkyBlue ; border: black 1px solid }
#contenido {background-color: PowderBlue ; float:left ; border-left:black 1px solid; border-right: black 1px solid}
#menup {background-color: LightSteelBlue ; width:200px ; float:left ; text-align:left ; margin-right:10px}
#menup li {list-style:none ; margin: 15px 10px 0px 15px }
a {color:RoyalBlue ; font-size:1.3em ; text-decoration: none ; display:block}
a:link {}
a:visited {color:MidnightBlue; text-decoration:none}
a:hover {color:DarkSlateBlue; text-decoration:underline ; background-color:LavenderBlush}
a:active {}
p {color:DodgerBlue ; text-align:justify}
#contenido p {padding: 5px 10px 5px 20px ; text-indent: 15px}
h1 {fon-size:1.2em; color:blue ; font-weight: bold ;text-decoration:none; text-align:center }
h2 {fon-size:1.1em; color:blue ; font-weight: bold ;text-decoration:none; text-align:center }
#curva-superior {background-image: url(Imagenes/borde-superior.gif); background-repeat:no-repeat ; width:100% ; height:12px ; overflow: hidden}
#pie {background-color: LightSkyBlue ; border: black 1px solid }



Quiero agradecer de antemano por que la vez pasada ya no supe como agradecer la respuesta. De verdad mil gracias por su ayuda.

ese es uno de tantos problemas que tendrás el poner ancho al 100 porciento

ya que hay muchas medidas de monitores, e irremediablemente se verá mal en alguno

podrás configurarlo para que se vea bien en el tuyo
poniendo el tamaño de la imagen al tamaño de tu monitor

lo que sugiero.... hagas tu web en un tamaño fijo, si 800 no te gusta, puede ser 1000, 1500, etc etc

para que la imagen de cabecera la hagas de ese tamaño fijo

saludos

Creo que no exprese bien mi pregunta. Ya intente meter medidas fijas como de 1000 o 1500 pero no hace cambio la curva es mas peque;a Imcluso modifique la imagen pero no funciono. Es que estoy poniendo algo mal en el codigo Lo pongo de nuevo ahora con 1000px. Lo que es peor la curva inferior no se ve nunca
:roll: :cry: :roll: :cry:

Codigo CSS

{margin:0px ; padding:0px ; border: 0px}

body {background-color: GhostWhite ;
text-align:center}

#global {width:1000px ;
margin: 4px auto }

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

#navegacion {background-color: SkyBlue;
border: black 1px solid
}

#contenido {background-color: PowderBlue;
float:left;
border-left:black 1px solid;
border-right: black 1px solid
}

#menup {background-color: LightSteelBlue;
width:200px;
float:left;
text-align:left;
margin-right:10px
}

#menup li {list-style:none;
margin: 15px 10px 0px 15px }

a {color:RoyalBlue;
font-size:1.3em;
text-decoration:none;
display:block
}

a:link {}

a:visited {color:MidnightBlue;
text-decoration:none
}

a:hover {color:DarkSlateBlue;
text-decoration:underline;
background-color:LavenderBlush
}

a:active {}

p {color:DodgerBlue ;
text-align:justify
}

#contenido p {padding: 5px 10px 5px 20px ;
text-indent: 15px}

h1 {fon-size:1.2em;
color:blue ;
font-weight: bold ;
text-decoration:none;
text-align:center
}
h2 {fon-size:1.1em;
color:blue;
font-weight: bold;
text-decoration:none;
text-align:center }

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

#pie {background-color: LightSkyBlue;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
}

#curva-inferior {background-image: url(Imagenes/curva-inferior.gif) ;
background-repeat: no-repeat;
width:1000px ;
height: 20px;
overflow: hidden
}