bordes redondeados

<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">Bienvenidos a mi web</div>
<div id="navegacion"> Barra de navegacion</div>

esto en el html
y esto en la de estilos
* {margin:0px ; padding:0px ; border: 0px}
#cabecera { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid }
#navegacion {background-color: grey ; border: black 1px solid}
#contenido {background-color: orange ; width: 800px ; height: 12px ; border:1px solid black}
#Menu {background-color: red ; width:150px ; ; float:left ; text-align: left }
#Menu li {list-style:none ; margin: 4px 0px 4px 10px}
#pie {background-color: green ; border: solid 1px black }
#global {width:800px ; margin:4px auto }
body {text-align: center }
a {color: blue; font-size:1.3em ; text-decoration: none}
a:link { }
a:visited { }
a:hover {color: black ; text-decoration: none ; background: silver}
a:active { }
#curva superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:auto ; height: 12px }

pero no me sale el borde redondeado

Haber,yo estoy en el siguiente paso creo que vi el error pero no estoy segura,prueva con esto(por cierto,lo tenias todo hecho un embrollo o.ó):

Esta sería la parte del HTML(Me parece que eso lo tienes bien pero tendrías que ponerme todo el código para revisar si algo lo traes mal,en fin.

<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">Bienvenidos a mi web</div>
<div id="navegacion"> Barra de navegacion</div>

Esto iria en estilo-general.css

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

Lo que tenias mal según yo fué(lo de negritas):

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

Creo que eso es todo y trata de ser un poco más ordenado que todo lo tenías un poco mal (: Ah también no era necesario que abrieras 3 post para una sola duda O_o

Saludos! y dime si te ha funcionado xD

lo de auto lo he cambiado por una cantidad y tampoco logro ver nada, ahora no se que ha pasado que ya no puedo ni acceder a seguir ttrabajando en mi web

Raro... mejor pon todo el código,haber si hay algo malo ^^ el código HTML y el CSS porfis (:

gracias por tus respuestas pero debido a mi desespero e impulsividad, he decidido eliminarlo todo y empezar otra vez de cero.

gracias de todas formas, seguro que volvere a preguntar otra cosa.