inserte el logo directamen de htl kit pero haora no lo puedo

men no me sale el logo por eso inserte el logo directamente de htl kit pero haora no lo puedo kitar haora me aparece el logo arryba y la parte del lo go el blanco con una crux roja
les dejo mi plantillla y mi oja de estilos



platilla

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

<html>
<head>
<title></title>[contenido no disponible]
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<div id="global"></div>
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html">[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • seccion 1
  • seccion 2
  • seccion 3
  • seccion 4

    </div>
    </head>
    <body>
    <div id="contenido">
    <div id="menu">
    <h1>titulo de seccion 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>
    <h1>Esta será la zona principal de la web</hi>


    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>

    <h2>y este es el tercer parrafo.</h2>


    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>
    </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 id="pie">
    <div id="pieuno">
    <ul>
  • Foro ejemploz
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul></div>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div>

    <div id="curva-inferior"></div>
    </body>
    </html>





    estilos


    * {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: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid } ;
    #contenido p {padding: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {width: 150px ; float:left ; text-align:left ; margin: 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) }
    #pie {background-color:white ; 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: brown ; float:left ; width:150px ; border-right: black 1px solid }
    #piedos {background-color: green ; float:left ; width:498px }
    #pietres {background-color: red ; float:left ; width:150px ; border-left: black 1px solid }
    #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}


    #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 {}


    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}

    asi me aparece mi platilla
  • aqui en rojo lo que sobra

    <title></title>[contenido no disponible]

    <div id="global"></div>

  • seccion 4

    </div>
    </head>

    aqui en verde lo que falta

    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    </head>
    <body>

    </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>


    lo checas y nos avisas

    saludos