Vista de la web del curso

Bueno, primero un agradecimiento a Jorgens y a todos sus colaboradores.
Es la primera vez que escribo, y seguramente a partir de ahora lo haré más seguido.
Despues de tanto batallar con los codigos, con html-kit, con el html, el css y todo lo demás, terminé de completar lo anotado para iniciar y terminar el curso acelerado para crear una web. Si bien ya desde hace años, me interesó crear web y he tenido algunos, pero todos en aquellos lugares que te lo dan casi todo hecho, pero cuando cierran, te Jooooroban, ADIOSSS, todo el trabajo y el tiempo invertido.
Esó me pasó entre otros con MNS-Groups.
Aunque mi profsión es ajena a las webs, me interesa crear mi propia web y mejorar mi blog.
A lo largo de un par de semanas me he leido todo sobre html y css (más otras cosillas adicionales) y lamentaba no haber comenzado hace muchos años, pero bueno ya estoy en esto y a darle para adelante.

Bueno, no quiero abusar y voy a lo que queria preguntar, ya habrá tiempo para escribir (una de mis pasiones)

PREGUNTO:
terminé el curso del paso a paso y lo publiqué

www.gventura.webcindario.com

pero como verán el borde del pie aparece a la derecha y no donde debería estar.
¿A que se debe?
¿a la poca cantidad de texto?
¿o hay alguna otra razón?

verán que despues de historia no complete más, por que quiero practicar en una web que tengo ya escribiendola.
agradeceré sus respuestas.

gracias.

Yo...Praetorius.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Oficial de la banda</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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">
							 [img]objetos/logotipo.gif[/img]</a></div>
					<div id="publicidad">Bienvenidos a mi Web</div>
					</div>
		 <div id="navegacion">
<ul>[*][url="index.html"]Portada[/url][*][url="historia/historia.html"]Historia[/url]
[*][url="discografia/discografia.html"]Discografía[/url][*]<a href="conciertos/conciertos.h
tml">Conciertos</a>[*][url="descargas/descargas.html"]Descargas[/url][*]<a href="foro/
foro.html">Foro</a>[*][url="souvenirs/souvenirs.html"]Souvenirs[/url][/list]
</div>
		 
		 <div id="contenido">
		 
			 
<h1>Bienvenidos a la Página Oficial de la banda</h1>


Bienvenido a la página oficial de la banda. 
En este portal puedes estar informado de todo lo referente al grupo, desde su historia hasta sus próximos conciertos, pasándo por su completa discografía, descarga de cosas interesantes e incluso por nuestra tienda online, en la que puedes encargar tu camiseta del grupo.
No olvides visitarnos en el foro y dejar tus comentarios.
Gracias por la visita, esperamos verte pronto! </p>
		</div>	
		 
					<div id="pie">
					<div id="pieuno">
					<ul>
    [*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url]
  				 [/list]
					</div>
  				<div id="piedos">pie dos</div>
  				<div id="pietres">
					<ul>
    [*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url]
  				 [/list]
					</div>
					</div>
					
					<div id="curva-inferior"></div>
</div>
</body>
</html>

ahora mando por las dudas el de css
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
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}
body {text-align: center}
#global {width:800px ; margin: 4px auto }

#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: black 1px solid ; 
								border-right: black 1px solid ; height:85px }
#logotipo   {width:280px ; float:left}
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px }
#navegacion li {float:left ;list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: orange; float: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-right: 3px 10px 3px 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 { border-left: black 1px solid ; 
       border-right: black 1px solid; 
       border-top: black 1px solid ;
			 height: 65px }
#pie li  {list-style: none ,  font-size: 12px }
#pieuno  {background-color: white ; float:left ; width:150px ; 
				  border-right: black 1px solid }
#piedos  {background-color: white ; float:left ; width:498px}
#pietres {background-color: white ; float:left ; width:150px ; 
				  border-left: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
                  background-repeat: no-repeat ;
                  width:800px ; 
                  height: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  {}
#pie a         {color: blue; text-decoration:none ; display: block }
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:black ; text-decoration:underline ; background-color: white }
#pie a:active  {color:black}
#logotipo a         {}
#logotipo a:link    {}
#logotipo a:visited {}
#logotipo a:hover   {background-color: white }
#logotipo a:active  {}