problema con el curso paso a paso

hola, y gracias de antemano.
cuelgo la pagina de prueba y:
-los titulos no se resaltan
-la pagina no ocupa todo el navegador ni se centra ni nada
-el menu sale descolocado
todo ello en el programa html se ve como deberia.
aprendiendoacrearweb.atwebpages.com/plantilla.html

codigo html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
     <div id="menu">
		 <ul>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*][url="#"]Enlace 3[/url]</lu></div>
		 <h1>Esta será la zona principal de la web</h1>
		 

5 años tiene mi amor, esto me suena de una cancion infantil</p>
		 <h2>Este manual de creación de páginas web</h2>

 es muy completo y facil pa gente inepta como yo</p>
		 

Convinacion de letras, jejejeej: dfdfji djifdiso osfjfk giordig irojgdkf rigdkfgjd irgtjdgdgkdlldi dtgdgk</p>
		 

No se me ocurre nada mas y e escrito poco</p>
		 

Me llamo Marcos Farelo Diez, y estoy aprendiendo a hacer una pagina web. pero de momento no se mucho.espero q aprenda muchas cosas utiles para montar mi pagina web</p>
		 

Mierda necesito una linea mas como minimo, anda que no hay q escribir. hay padrin!!!!!</p>
		 

si u que!!!!!!!!!!!!!!!!!!!!!!!!!!!!</P>
</div>		    
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>

y el estilo general
*{margin:0px; border:0px}
body {text-align:center}
#cabecera {background-color:pink; width: 800px}
#navegacion {background-color:gray; width: 800px}
#contenido {background-color:orange; width:800px; float:left}}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#pie {background-color:brown; width: 800px}
#id="global"
#global {width:800px; margin:4px auto}
#menu{background-color:yellow; width:150px; float:left; text-align:left; margin: 3px 10px 3px 3px}
#menu li {list-style:none; margin: 4px 0px 2px 4px}
a{color:blue; font-size:1.3em; text-decoration:none}
a{color:brown; text-decoration:none}
a:link{}
a:visited{}
a:hover{color:red; text-decoration:underline; background-color:silver}
a:active{}
a{color:brown; text-decoration:none; display:block}
p{text-align:justify}
h1{font-sice 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}


Porcierto felicidades x la pag. esta genial
Hola trasten20.

Corrije el cierre de ul en tu hoja de códigos:

<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3</lu></div>

    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3</ul></div>

    Suprime la línea #id="global" en tu hoja de estilos.

    Saludos.
  • gracias mira que me e vuelto loco revisando los codigos y ahi esta jejejeje gracias de nuevo moimuá