problemas con las capas del pie de pagina

hola estoy aqui otra vez
llevo dndole vueltas toda la mañana y por mas que lo miro no veo el fallo :(
al ponr las cpas va bien pro al ponerle las medidas ya se descoloca todo esta es mi pagina web para que veais lo que digo
http://laprimeraejemplo.myartsonline.com/plantilla.html

esto es lo que tengo en mi estilo
*{text-indet:0px ;margin:0px ;padding:0px ;border:0px}
p{text-align:justify}
h1 {font-sitze:1.2em ;color:blue ;font-weight:bold ;text-decoration:underline ;text-align:center}
h2 {font-size:1.1em ;color:blue ; font-weight:bold ;txt-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;widht:800px; heidht:12px; overflow:hidden}
#cabecera {background-color: white;border-right:black 1px solid; border-left: black 1px solid;height:85px}
#logotipo { widht:280px;float:left}
#publicidad { widht:518px; float: right;margin-top:25px; margin-right:20px}
#navegacion {background-color: green; border: black 1px solid;height:20px}
#navegacion ul{margin-left:180px}
#navegacion li{float:left; margin:0px 20px 0px 20px}
#contenido {background-color: orange;text-align:left;border-left:black 1px solid; border-right:black 1px solid}
#contenido p {padding: 5px 10px 5px 10px;text-indent:15px}
#menu { width:150px; float:left;text-align:left;margin:3px 10px 3px 3px; background-image: url(objetos/menu-parte-inferior.gif);background-position: bottom;}
#menu li{list-style:none ;margin:4px 8px 4px 6px;padding-botom:5px }
#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;heidht:65px}
#pieuno{background-color:brown;float:left;width:150px}
#piedos{background-color:green;float:left;width:498px}
#pietres{background-color:red;float:left;width:150px}
#inferior {background-image: url(objetos/curva-inferior.gif);background-repeat:no-repeat; widht:800px; heidht:12px; overflow: hidden}
a {color:brown ; text-decoration: none ;display:block}
a: link {}
a: visited {}
a:hover {color:red ;text-decoration: underline; background-color:silver}
a: active {}
hola

porque le pusiste esos ***??

<meta http-equiv=*Content-Type*content=*text/html;charset=iso-8859-1*>

si en el css tienes la curva superior como fondo
porque la pones como imagen en el html??

[contenido no disponible]

deberias tenerlo asi
<div id="curva-superior"></div>

lo mismo con la curva inferior

tienes esto

[contenido no disponible]<h1>titulo de seccion1</h1>

debe ser asi

<h1>titulo de seccion1</h1><ul>

dentro de la ul solo van las li

saludos
porque pusiste mal la altura en el css

heidht:12px; overflow:hidden}

debe ser

height

saludos