se me corrio el pie de Pagina.

no se que tengo mal pero el pie de la pagina se me corrio del lado derecho del contenido.

esta es mi plantilla.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 Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta sera la zona principal de la web</div>

    <div id="pie">Este es el pie de la pagina</div>
    </div>

    </body>
    </html>

    -----------------------------------------------------------------------------------------------


    y esta es mi hoja de estilo-general.css



    *{margin:0px; padding:0px; border:0px}
    body{text-align:center}
    #global{widt:800px; margin:4px auto}
    #cabecera {background-color:pink}
    #navegacion{background-color:gray}
    #contenido{background-color:orange; width:800px; float:left}
    #menu{background-color:yellow; width:150px; float:left; text-align:left}
    #menu li{list-style:none}
    #pie{background-color:brown}
    es mi hoja de estilo-general.css
  • #pie{background-color:brown} 

    Falta la propiedad "float" ahi

    #pie{background-color:brown ; float: left}

    Supongo que es por eso...
    Hola espero que te encuentres bien y agradesco la tencion recibida de tu pajarte, pero en las lecciones no aparece eso de colocarle el float:left a la hoja de estilos, de todas forma lo intente y no se acomoda si que que se corta a la mitad pero sigue aun en la parte del contenido, que hago? como hago para que Jorgens me conteste? he intentado solucionar lo ultimo que he pensado es empezar de nuevo todo.por que no le veo ningun error pero ademas lo he intentado solucionar pero nada.
    gracias....