problemas con el pie de pagina

Hola, antes de nada deciros que colgue este mensaje en otro apartado que no correspondia.Es la primera vez que escribo en un foro y no se si lo hago correctamente, si no es asi disculparme de antemano . Tengo un problema con el curso y es que el pie de pagina me sale al lado de la zona principal de la web y no debajo como en el curso, pero por mas que lo reviso no encuentro el fallo. Aqui os dejo la plantilla:




<!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>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


    Esta será la zona principal de la web</p>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>


    Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>




    Si alguno me puede ayudar se lo agradezco. Por cierto, de las mejores web que he visitado. Buen trabajo!!!!!!