NO PUEDO HACER LOS ENLACES A LA IZQUIERDA

HOLA NO PUEDO HACER LOS ENLACES A LA IZQUIERDA Y HE SEGUIDO EL CURSO PASO A PASO:
ASI TENGO LAS PLANTILLAS:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-generales.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="menu">menu</div>
<ul>
  • enlace 1
  • enlace 2
  • enlace 3

    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>
    </body>
    </html>



    LA HOJA DE ESTILOS
    * {margin:0px ; padding:0px ; border: 0px}
    body{text-align:center}
    #global{width:800px ;margin:4px auto}
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #menu {background-color:yellow ; width:150px ;float:left ;text-align:left }
    #contenido {background-color: orange ;width:800px ;float:left }
    #pie{background-color: brown}
    ME PUEDES AYUDAR A SABER DONDE ESTA EL PROBLEMA YA QUE HE REPETIDO TODA LA LECCION DOS EN TRES OCACONES Y SIEMPRE TENGO EL MISMO ERROR GRACIAS
  • Cambie el cierre del menú:
    Así está:

    <div id="menu">menu</div>
    <ul>
  • enlace 1
  • enlace 2
  • enlace 3

    <div id="contenido">Esta será la zona principal de la web</div>.......

    Así debe quedar:

    <div id="menu">menu
    <ul>
  • enlace 1
  • enlace 2
  • enlace 3
    </div>
    <div id="contenido">Esta será la zona principal de la web</div>.........


    Cambie lo que está en ROJO

    Suerte