Problemas con el borde redondeado de la parte inferior, lección 3

Hola:

Hay algunas cosas que debes cambiar en el código HTML (por ejemplo, empezar a usar HTML5) y en el código CSS (que hay algunos errores), además te recomiendo organizar el código (sobretodo el CSS) para que se te haga más fácil entenderlo y modificarlo, así como para buscar errores.

Te he "arreglado" parte de la hoja de estilos CSS, y te animo a que acabes de modificarla para que quede lo más legible posible, y luego busques posibles errores en ella :) Uno que vi que te pasaba mucho es con los bordes, se declaran así, y no de la forma que tú lo haces:

border: [COLOR=#ff0000][B]1[/B][/COLOR]px [COLOR=#ff0000]solid black[/COLOR];

Grosor del borde / Tipo de borde / Color del borde

En cambio, tú lo declaras así:
Color del borde / Grosor del borde / Tipo de borde

La hoja a medio arreglar quedó así:

* {
  text-indent:0px;
  margin:0px;
  padding:0px;
  border:0px;
}


body {
  text-align: center;
}


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


/* PÁRRAFOS */
p {
  text-align: justify;
}


/* ENLACES */
a {
  color: #8B3A62;
  text-decoration: none;
  display: block;
}
a:hover {
  color: red;
  text-decoration: underline;
  background-color: silver;
}


/* ENCABEZADOS */
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;
  text-align: left;
  margin: 5px 10px 5px 10px;
}


/* CABECERA */
#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: 1px solid black;
  border-right: 1px solid black;
  height: 140px;
}


/* LOGOTIPO */
#logotipo {
  width:280px;
  float:left;
}
#logotipo a:hover {
  background-color: white;
}


/* PUBLICIDAD */
#publicidad {
  width:298px;
  float:right;
  margin-top:25px;
  font-size:16px;
} 


/* NAVEGACIÓN */
#navegacion {
  background-color: #FEF5CA;
  border: 1px solid black;
  height: 60px;
}
#navegacion li {
  float: left;
  list-style: none;
  margin: 5px 30px 5px 30px;
}
#navegacion ul {
  margin-left: 30px;
}
#navegacion2 {
  background-color: #F0FFFF;
  border: 1px solid black;
  height: 60px;
}
#navegacion2 li {
  float: left;
  list-style: none;
  margin: 5px 30px 5px 40px;
}
#navegacion2 ul {
  margin-left: 30px
}




.centrado {text-align:center;}
#contenido {background-color:#E0EEEE;border-left:black 1px solid; border-right:black 1px solid;border-bottom: black 1px solid;}
#contenido p {margin:10px 10px 10px 10px;text-indent:15px;}
#menu {width:150px; float:left;text-align:left;margin:3px 10px 1500px 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;background-image: url(objetos/menu-parte-superior.gif);padding-top:12px}
#pie {background-color:white;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;}

Te animo también a buscar algún error en el index.html, por ejemplo tienes declarada la etiqueta de cierre del div #global antes de tiempo (debería estar justo antes de </body>)
Y, mi último consejo, utiliza algún editor de código que resalte las etiquetas pues ayudan mucho, te recomiendo Notepad++ (Web oficial: http://notepad-plus-plus.org/)

Suerte con tu página! :)

Gracias voy a arreglarlo a ver que tal